相关文章推荐
谦虚好学的柚子  ·  编程大讲堂 - 知乎·  1 年前    · 
谈吐大方的甘蔗  ·  Qlik Sense与 ...·  1 年前    · 
爽快的日光灯  ·  如何使用c#在SQL ...·  1 年前    · 

jQuery validate(submitHandler函数)验证通过发送Ajax(实例详解)

作者:微笑Tears

这篇文章主要介绍了jQuery validate(submitHandler函数)验证通过发送Ajax,可以用validate框架验证元素,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧

js代码:

$(function() {
    $('#form').validate({
        onkeyup : false,
        rules : {
            oldPassword:{
                required:true,
                remote : {
                    url : global.context + '/admin/password/duplicate',
                    data : {
                        oldPassword : function() {
                            return $('#oldPassword').val();
            password : {
                required : true,
                minlength : 6
            repeat : {
                required : true,
                minlength : 6,
                equalTo:'#password'
        messages : {
            oldPassword:{
                required:'请输入原密码',
                remote : '请输入正确的原密码'
            password : {
                required : '请输入密码',
                minlength : '长度需大于6'
            repeat : {
                required : '请确认密码',
                equalTo : '两次输入密码不一致',
                minlength : '长度需大于6'
        submitHandler:function(form){
            var password = $('#password').val();
            var repeat = $('#repeat').val();
            $.ajax({
                url : global.context + '/admin/password',
                type : 'put',
                contentType : "application/json; charset=utf-8",
                data : JSON.stringify({
                    password : password,
                    repeat : repeat
                success : function(data) {
                    console.log(data);
                    if(data.status=='success'){
                        alert("修改密码成功");

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

JQuery的submitHandler

之前做表单验证,有设置submitHandler

submitHandler: function(){
$("form").submit();

这样表单验证通过后会自动提交。。。。