jquery.validate 的ajax验证(转)
2016-05-17 09:32
711 查看
在做网站的时候有一块需要用到jquery.validate插件 ajax方式的方式来验证原始密码是否正确,研究了研究加上博客园朋友的帮助,终于实现了。贴出代码 <script type="text/javascript"> $(function () { $("#form1").validate({ rules: { pwd: { required: true, remote: { url: "@Url.Action("ValidatePwd", "UserInfo")", type: "post", dataType: "json", data: { pwd: function () { return $("#pwd").val(); //这个是取要验证的密码 } }, dataFilter: function (data) { //判断控制器返回的内容 if (data == "true") { return true; } else { return false; } } } }, password: { required: true, rangelength: [6, 16] }, confirm_password: { required: true, rangelength: [6, 16], equalTo: "#password" } }, messages: { pwd: { required: "请填写原始密码!", remote: "原始密码不正确,请重新填写!" //这个地方如果不写的话,是自带的提示内容,加上就是这个内容。 }, password: { required: "请填写新密码", minlength: jQuery.format("登录名长度在6-12位之间!") }, confirm_password: { required: "请填写确认密码!", minlength: "密码需由6-16个字符(数字、字母、下划线)组成!", equalTo: "两次输入密码不一致!" } }, onfocus: true, onkeyup: false, //这个地方要注意,修改去控制器验证的事件。 onsubmit: false });
相关文章推荐
- jquery submit事件
- JQuery操作表单总结(不断总结中……)
- jQuery判断checkbox是否选中的4种方法
- Jquery实现静态切换tab
- Web前端新人笔记之jquery入门心得(新手必看)
- jquery大于号的作用
- 引用jquery实现边侧栏导航置顶的javascript代码
- jQuery之手势密码
- jquery遍历ajax返回的json数据
- jquery获取img的src值的简单实例
- 使用jQuery Mobile框架开发移动端Web App的入门教程
- Jquery修改image的src属性,图片不加载问题的解决方法
- 手机触屏触摸特效javascript-TouchSwipe(依赖于jquery库)中文说明
- jQuery中ready与load事件的区别
- JQuery日期插件datepicker的使用
- 二维码篇【一】【JS】使用jquery.qrcode生成二维码
- JQuery日期插件datepicker的使用
- 基于jQuery的一个简单的图片查看器实现
- JQuery日期插件datepicker的使用
- jquery-barcode:js实现的条码打印