Jquery validate(submitHandler函数)验证通过发送Ajax

js代码:

 1 $(function() {
 2     $(‘#form‘).validate({
 3         onkeyup : false,
 4         rules : {
 5             oldPassword:{
 6                 required:true,
 7                 remote : {
 8                     url : global.context + ‘/admin/password/duplicate‘,
 9                     data : {
10                         oldPassword : function() {
11                             return $(‘#oldPassword‘).val();
12                         }
13                     }
14                 }
15             },
16             password : {
17                 required : true,
18                 minlength : 6
19             },
20             repeat : {
21                 required : true,
22                 minlength : 6,
23                 equalTo:‘#password‘
24             }
25         },
26         messages : {
27             oldPassword:{
28                 required:‘请输入原密码‘,
29                 remote : ‘请输入正确的原密码‘
30             },
31             password : {
32                 required : ‘请输入密码‘,
33                 minlength : ‘长度需大于6‘
34             },
35             repeat : {
36                 required : ‘请确认密码‘,
37                 equalTo : ‘两次输入密码不一致‘,
38                 minlength : ‘长度需大于6‘
39             }
40         },
41         submitHandler:function(form){
42             var password = $(‘#password‘).val();
43             var repeat = $(‘#repeat‘).val();
44             $.ajax({
45                 url : global.context + ‘/admin/password‘,
46                 type : ‘put‘,
47                 contentType : "application/json; charset=utf-8",
48                 data : JSON.stringify({
49                     password : password,
50                     repeat : repeat
51                 }),
52                 success : function(data) {
53                     console.log(data);
54                     if(data.status==‘success‘){
55                         alert("修改密码成功");
56                     }
57                 }
58             });
59         }
60     });
61 });

个人感觉比较好用,可以用validate框架验证元素。

时间: 2024-08-28 09:18:36

Jquery validate(submitHandler函数)验证通过发送Ajax的相关文章

jquery validate表单验证

一.目的 为了更好地实现人机交互,使用jQuery封装库中的validate插件,在用户填写表单时,可以快速地对用户填写的数据进行验证,并做出反馈. 二.validate插件简介   validate()是插件的核心方法,定义了基本的校验规则和一些有用的配置项. rule:设置表单的验证规则: messages:设置表单不符合验证规则的提示信息: debug:如果这个参数为true,那么表单还会提交,只进行检查,调试时十分方便. required:必填 minlength:最小长度 maxlen

jquery validate 表单验证插件

对于初学者而言,html表单验证是一项极其琐碎的事情.要做好表单验证,需要准备以下基本要素: 1.html表单结构:包含需要校验的表单元素: 2.js逻辑控制:在需要校验的表单元素上绑定事件,如点击.获取焦点.失去焦点等事件,并设置这些事件对应的执行函数: 3.css样式设置:针对需要校验的表单元素,需要设置默认的初始样式,以及触发元素绑定事件后的变化样式. 这3类基本要素中,html表单结构的创建相对简单.表单验证的重点和难点在于如何利用js及时有效地提醒用户有关表单操作的信息.这里我参考了百

jQuery Validate 表单验证插件----自定义一个验证方法

一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二.引入依赖包 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script src="lib/jquery.validate.js" type="text/javascript"

jquery.validate.js客户端验证

参考:http://www.runoob.com/jquery/jquery-plugin-validate.html http://www.cnblogs.com/artech/archive/2012/06/17/client-validation-01.html 引用文件: <script type="text/javascript" src="~/Scripts/jquery-1.9.1.min.js"></script> <s

jquery validate表单验证插件-推荐

1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家.     1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素  3.鼠标离开后的正确.错误提示及鼠标移入时的帮助提醒 对于初学者而言,html表单验证是一项极其琐碎的事情.要做好表单验证,需要准备以下基本要素: 1.html表单结构:包含需要校验的表单元素: 2.js逻辑控制:在需要校验的表单元素上绑定事件,如点击.获取焦点.失去焦点等事件,并设置这些事件对应的执行函数: 3.css样式设置:针对需要校验的

jQuery校验 jQuery Validate 表单验证详解

官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一导入js库 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"&g

jQuery Validate 表单验证插件----自定义校验结果样式

一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二.引入依赖包 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script src="lib/jquery.validate.js" type="text/javascript"

解决jquery.validate.js的验证bug

版本提示:jq为1.4.4, jquery.validate 为jQuery validation plug-in 1.7 问题: a.选填选项,如邮箱设置格式验证,那么情况输入框,验证label变成空白的[原来的默认提示没了] b.必填选项,如手机号码直接复制进去,格式是对的,验证label是不变的 1.母版页 $(function () { $.validator.setDefaults({ errorClass: "tip-error", errorPlacement: func

解决jquery.validate.js的验证bug[续]

版本提示:jq为1.9.1, jquery.validate 为jQuery Validation Plugin 1.9.0,jquery.validate.unobtrusive.js,使用Model验证 问题: 当第一次页面加载时,直接删除必填字段的文本框内容,不会提示错误信息[猜测:未初始化] 代码: $.extend($.validator, { defaults: { onfocusout: function (element, event) { if (element.value =