<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>
分享到:
相关推荐
jquery-validate 可对前端form进行表单校验,文档里详细介绍了如何使用jquery-validate框架和如何扩展验证方法。
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...
平时开发中我们根本用不到 jquery-validate的完整版本,太大了,这个下载中包含了jquery-validate必须用到的7个文件(包含中文汉化)和必要CSS样式,非常的小,这样我们就不用每次开发都要花费时间去筛选哪些文件...
jquery-validate验证框架使用详解及JS文件
jquery和jquery-validate的工具,需要的话,无需考虑。。。。。。。。。。。。。。还有两个案例
jquery-validate 验证插件
jquery-验证 jquery-validate 插件 安装 使用安装: $ component install virtru-components/jquery-validate 应用程序接口 执照 麻省理工学院
jquery-validate验证输入框
jquery.validate.1.9.0.min.js jquery.validate.1.12.0.min.js jquery.validate.1.13.1.min.js jquery.validate.1.16.0.min.js jquery.validate.1.14.0.min.js jquery.validate.1.15.1.min.js jquery.validate....
jquery-validate前台验证框架,带详细使用方法。共同进步共同研究学习
jquery-form-validate.1.2.zip jquery表单验证插件.有示例
jquery--validate.js
前端项目-jquery-validate,客户端表单验证变得容易
使用jquery-validate实现注册界面表单验证(源码)
基于AmezeUI框架+jquery-validate的注册验证
提供jquery验证插件的专用js文件,包括jquery.js、jquery.validation.js、jquery.metadata.js,满足使用jquery-validate插件的需求
jquery.validate.js 支持中文提示
附件是使用jQuery-validate插件写的一个用户注册表单验证页面,详情可以参考我写的博客:http://blog.csdn.net/eson_15/article/details/51497533