`
op_xiaoyang
  • 浏览: 9895 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
文章分类
社区版块
存档分类
最新评论

jquery-validate 详解,解决class重复的方案

 
阅读更多
<script type="text/javascript">
$.ajaxSetup({
async : false
});
$(document).ready(function(){

$("#accountFormId").validate({// #formId为需要进行验证的表单ID
errorElement :"div",// 使用"div"标签标记错误, 默认:"label"
errorClass :"validate-error",// 错误提示的css类名"error"
onsubmit:true,// 是否在提交是验证,默认:true
onfocusout:false,// 是否在获取焦点时验证,默认:true
onkeyup :false,// 是否在敲击键盘时验证,默认:true
onclick:false,// 是否在鼠标点击时验证(一般验证checkbox,radiobox)
focusCleanup:false,// 当未通过验证的元素获得焦点时,并移除错误提示
rules:{
accountName: {// 需要进行验证的输入框name
required: true,// 验证条件:必填
remote:{
url:"account.do?met=check", //后台处理程序
type: "post", //数据发送方式
dataType: "html", //接受数据格式
data:{ //要传递的数据
userName: function() {
return $("#accountName").val();
}
},
dataFilter: function(data, type) {
if (data == "1")
return true;
else
return false;
}
}
},
displayName: {// 需要进行验证的输入框name
required: true// 验证条件:必填
},
password: {// 需要进行验证的输入框name
required: true,// 验证条件:必填
minlength: 5,// 验证条件:最小长度为5
maxlength: 10
},
contactEmail: {// 需要进行验证的输入框name
required: true,// 验证条件:必填
email: true// 验证条件:格式为email
}
},
messages:{
accountName: {
required: "登录名不允许为空!",// 验证未通过的消息
remote:$.format("该登录名已存在!")
},
displayName: {
required: "昵称不允许为空!"// 验证未通过的消息
},
password: {
required: "密码不允许为空!",
minlength: jQuery.format("密码至少输入 {0} 字符!"),
maxlength: jQuery.format("密码至多输入 {0} 字符!")
},
contactEmail: {
required: "email不允许为空",
email: "邮件地址格式错误!"
}
}
})
});
</script>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics