小编422*_*422的帖子
jQuery Validate的占位符问题
我今天注意到,当与占位符文本一起使用时,我们遇到了jquery Validate的问题.
例:
<div class="sort left">
<label for="username" class="inlineelement">Username</label>
<input id="registername" type="text" placeholder="your name" autocomplete="off" class="required"></input>
我注意到,如果我们使用jquery Validate验证我们的表单(http://docs.jquery.com/Plugins/Validation/Methods)
有没有解决这个问题,或者应该回到我们的表单字段中重点html(占位符文本)？
推荐指数
解决办法
查看次数
输入附加的jQuery验证(Twitter Bootstrap)
我在网站上使用twitter bootstrap,我们使用jquery.validate.
我有一个输入元素,其中按钮附加到input元素.这是我们的js验证中的必填字段.
代码是:
<div class="controls">
<div class="input-append">
<input tabindex="1" name="url" class="input-large" id="url" type="text" placeholder="http://somewebsite.com" autocapitalize="off">
<button class="btn" type="button" name="attach" id="attach" />Fetch</button>
</div>
</div>
验证错误类使用jquery验证规则,并且在每个其他元素上都能完美运行.但似乎错误的跨度紧跟在输入元素之后,在大多数情况下绝对是好的.但是在这个输入字段的实例中,它会向上显示,因为它会分离附加的按钮.
下面是我的意思(前后)的图像
我真的需要为这一个元素的错误消息应用一个不同的类,但如果我能弄清楚如何,则会出错.
errorClass: "help-inline",
errorElement: "span",
highlight:function(element, errorClass, validClass) {
$(element).parents('.control-group').addClass('error');
},
unhighlight: function(element, errorClass, validClass) {
$(element).parents('.control-group').removeClass('error');
$(element).parents('.control-group').addClass('success');
}
对于输入字段,错误事件是:
url:{
required:true
},
和消息是:
messages:{
url:{
required:"Enter URL beginning with http"
},
推荐指数
解决办法
查看次数
在IE中重叠的元素的垂直对齐
我有这种形式,我在Chrome和FF中完美呈现,但在IE中,完全不对齐.
应该是什么样的:
图片:
HTML:
<!--image upload bit-->
<div class="portlet-content">
<div class="logoInfo">
<h3><strong>Large Logo</strong></h3>
<p>Width: 160px, Height: 20px | image will be resized automatically</p>
</div>
<div class="imageUploadLogo noLogo"><img id="agencyLogo" src="images/logo_silhouette.png" width="170px" height="32px"></div>
<a href="helper/uploadpic.php?lightbox[width]=360&lightbox[height]=140&lightbox[iframe]=1" class="lightbox"><div id="logo_uploada">Upload</div></a>
</div>
<div class="clearfix"></div>
<hr></hr>
<!--//image upload bit-->
<!--office upload bit-->
<div class="portlet-content">
<div class="logoInfo">
<h3><strong>Office Image</strong></h3>
<p>Width: 160px, Height: 120px | image will be resized automatically</p>
</div>
<div class="imageUploadPhoto noPhoto"><img id="agencyLogo" src="images/office_silhouette.png" width="160px" height="120px"></div>
<a href="helper/uploadpic.php?lightbox[width]=360&lightbox[height]=140&lightbox[iframe]=1" class="lightbox"><div id="logo_uploada">Upload</div></a>
<div class="extraInfo">
<h3><strong>Photo of your office</strong></h3>
<p>Image …推荐指数
解决办法
查看次数
向下滑动并向上滑动div
我使用以下代码使用js打开和关闭div(向上/向下滑动)
我将滑动事件附加到按钮上,并且向上滑动事件以关闭文本.
我想要的是按钮onclick打开并再次点击关闭滑动元素.
这是JS
// slide down effect
$(function(){
$('.grabPromo').click(function(){
var parent = $(this).parents('.promo');
$(parent).find('.slideDown').slideDown();
});
$('.closeSlide').click(function(){
var parent = $(this).parents('.promo');
$(parent).find('.slideDown').slideUp();
});
});
HTML:
<span class="grabPromo">Open</span>
在我有的滑下区域
<a class="closeSlide">Close</a>
任何帮助赞赏.
理想情况下,我想在向下滑动按钮上使用向下箭头,向上指向箭头以替换它以在同一按钮上向上滑动.并完全取消关闭链接.
任何帮助赞赏.干杯
推荐指数
解决办法
查看次数
loading.gif(但是定制的)
我知道tinternet周围的各种网站,允许你自定义loading.gif等,但我想知道...
有没有办法,除了用adobe等创建一个gif,创建自定义文本加载...
因此,您可以指定在图像加载时动画的文本,而不是无处不在的微调器.
我搜索了高低,没找到任何东西.我最近得到的是一个jquery旋转器,但那不是我追求的.
想知道你们之前有没有人遇到过这个问题.如果是这样,你做了什么来定制它..
例:
有时您可能会看到以下动画(作为gif)
大号......
LO .....
LOA ....
加载...
LOADI ..
LOADIN.
LOADING
我知道上面是通过创建动画的循环中完成,但想知道是否有创建自定义加载消息,也许是使用jQuery的更高达日期的方法......我已经看到了在闪光等进行
推荐指数
解决办法
查看次数
禁用SUBMIT按钮,直到选择框选项
我有一个小表格.
两个选择框元素和一个提交按钮.
选择选择时共同选择框元素,触发ajax请求.
我想要做的是,禁用UNTIL用户从选择下拉列表中选择的提交按钮.
在启用"提交"按钮之前,他们必须从BOTH选择下拉列表中进行选择.
我不介意在提交选项之前隐藏提交按钮.
简要说明:
<form id="ad_form" method="post" action="">
<p>
<select id="ad_type" name="ad_type">
<option value="" selected="selected">Select premium ad type</option>
<option value="<?php echo TYPE_USER;?>">Featured Agent</option>
<option value="<?php echo TYPE_LISTING;?>">Featured Listing</option>
</select>
<label for="ad_type" class="labelStrong">Advertising Type</label>
</p>
<p>
<select id="ad_duration" name="ad_duration">
<option value="" selected="selected">Select premium ad duration</option>
<option value="weekly">Weekly</option>
<option value="fortnightly">Fortnightly</option>
<option value="monthly">Monthy</option>
</select>
<label for="ad_duration" class="labelStrong">Advertising Duration</label>
</p>
<p>
<div id="calender">
</div>
</p>
<p>
<input type="submit" name="submit" value="Submit" id="submitorder" />
</p>
</form>
推荐指数
解决办法
查看次数
用于验证邮政编码和电话号码的正则表达式
我正在创建一个带有警告元素的表单.一切都很好,但需要更好地定义我的模式.
$("#postcode").inputNotes(
{
warning: {
pattern: /^[0-9]+$/,
type: 'note',
text: 'Only numbers, please ...',
inversedBehavior: true
}
}
);
$("#phone").inputNotes(
{
warning: {
pattern: /^[0-9]+$/,
type: 'note',
text: 'Only numbers, no spaces please ...',
inversedBehavior: true
}
}
);
好的邮政编码警告,我希望模式可以期待4个数字
对于电话警告,我希望模式期望10个数字.
任何帮助赞赏.
推荐指数
解决办法
查看次数
Mootools拖动滑块帮助
我已经做了一天左右的jQuery滑块,我们只是与其他jQuery元素冲突.
所以想到了它,让我们玩Mootools吧.
问题是我是Js的废话.
所以这里有我所拥有的链接,http://sitehelp.com.au/slider/
现在我想做的是:
滑块更新输入元素中的金额.输入框在页面加载时显示$ 0.随着滑块滑动沿Input元素的数量增加.
或者希望能够将TYPE输入到输入元素中,并使滑块沿着滑动规则滑动到该点.
还需要这个能够坐在页面上的jQuery东西,我似乎回想起Mootools和jQuery在页面上的修复,但不能记住它.
最后,在SUBMIT上传递用户输入的值.
任何帮助,非常感谢.
看我的jQuery版本.>> http://sitehelp.com.au/slider2/
(我没有创作jQuery版本,它只是我通过Stack上的链接定制的)
推荐指数
解决办法
查看次数
将PNG图像转换为SVG/Vector
我们迫切希望转换图像,以便将其用作图像映射.我尝试过的所有东西,真的都没有削减芥末.我没有以非常高的分辨率工作的经验..加上我不懂术语,也没有技能或资源来投资学习如何做到这一点,知道这里的许多其他人和互联网有更多的经验.
我已经下载并使用Inkscape玩了,但我真的要绕圈子...
所以我想在这里问一下.
我所追求的与Raphael Australia Map或David Lynchs相似,http: //davidlynch.org/js/maphilight/docs/demo_usa.html
没有装饰,没有效果,只需在悬停时更改地图的状态颜色,并在点击时保留该事件.
这是我们的......
我们拥有的是像这样的MAP.
我们丢失了原始文件,这是纯灰色的.我有这个左:(
无论如何,我们想要它,以便在上面的地图上没有显示每个州(包括领土ACT),用粉色#ec008c表示.在悬停时
地图需要无懈可击!还要求任何图像必须是png和透明bg.
必须保持上述精确尺寸.必须在svg坐标上非常准确,并且可选地希望显示STATE文本,如上图中显示的QLD,但不是完全必要的.
任何人都可以指出我正确的方向.
推荐指数
解决办法
查看次数
从两个已知单词生成随机单词
我可以用数字做到这一点:
<?=number_format(mt_rand(0,1));?>
我想要做的是,而不是0或1,回应单词firstclass或secondclass.
这是因为我不能在CSS中使用数字作为类标识符.
本质上,这只是用于在列表中显示随机内容,并在类标识符前面加上firstclass或secondclass.
.firstclass {display:none;}
我不是PHP的王牌,所以我想我需要设置一个数组,并以某种方式属性:
0 =
第一类1 =第二类
在数组中,以便我可以让我的小测试脚本工作.
有什么建议？
推荐指数
解决办法
查看次数