网站地图
【www.gdgbn.com--jquery】
untitled page
<script src="jquery.js" type="text/网页特效"></script>
<script src="jquery.validate.js" type="text/javascript"></script>
$("#customerform").validate(
{
rules:
{
firstname: { required:true },
lastname: { required:true },
countries: { validatecountries:true }
},
messages:
{
firstname: { required: "first name is required" },
lastname: { required: "last name is required" },
countries: { validatecountries:"please select at least 2 items from the countries" }
},});
// add the validate countries method
jquery.validator.addmethod("validatecountries", function(value, element)
{
var noofselectedcountries = $("#countries :selected").length;
if(noofselectedcountries < 2) return false;
return true;
});
validation插件中的选择项:
debug:true不会提交表单
如果一个页面中有多个表单，可以在$.validator.setdefaults中设置用
$.validator.setdefaults({
debug: true
})
submithandler:function 通过验证后运行的函数,里边要加上表单提交的函数，否则表单不会提交，对于在asp教程.net项目中应用了jquery.vilidation后导致按钮不起作用的问题可以看这篇文章
ignore: 忽略对某个元素的验证.
rules:自定义规则,key:value的形式，key是要验证的元素,value可以是字符串或对象，后边会有几个例子说明
message:自定义的提示信息key:value的形式key是要验证的元素,值是字符串或函数，后边有几个例子说明
groups教程:对一组元素的验证，用一个错误提示.
onsubmit: false意思是说不进行验证了？用其它方式进行验证
onfocusout: false意思是说，在未标记为未通过验证之前,不出现提示
加不加这样的区别[在未标记为未通过验证之前]：
不加时，当你在一个元素有输入，但不合法时，这个元素blur时会有提示出现
加了后: 不会出现提示
onkeyup作用不大
onclick,与checkbox,radiobox验证有关
focusinvalid: false
前边说过，提交表单后，未通过验证的表单(第一个或提交之前获得焦点的未通过验证的表单)会获得焦点
这个选择加了以后，没有元素会获得焦点
focuscleanup: true
当未通过验证的元素获得焦点时，移除错误提示
errorclass:指定错误提示的css教程类名，可以自定义错误提示的样式
errorelement: "em"用什么标签标记错误，默认是label
wrapper: 用什么标签再把上边的errorelement包起来
errorlabelcontainer:把错误放到期里指定的元素里
errorcontainer:用处不大
showerrors:跟一个函数，可以显示总共有多少个未通过验证的元素
errorplacement:跟一个函数，可以自定义错误放到哪里
success:要验证的元素通过验证后的动作，如果跟一个字符串，会当做一个css类，也可跟一个函数
highlight:可以给未通过验证的元素加效果，闪烁等
validation插件方法
validate 上边说的选项就是为它服务的
valid 作用不大，就是都通过验证结果为true
rules( ) 返回指定元素的验证规则，返回一个对象
rules("add",rules)添加规则,例
$("#username").rules("add",{
required:true
})
这个比较有用，如果一个表单在不同的地方需要不同的验证方法，可以用这临时加上验证规则
rules( "remove",rules)移除验证规则，只能移除在validdate中加的或通过add加的，就是说
不能移除在元素中直接写的，如class="required"
removeattrs:移除属性，前边的rules("remove":rules),不能移除在元素里直接写的 class="required"
这个方法不是用来完成这点的