快捷導(dǎo)航

jQuery validate(submitHandler函數(shù))驗(yàn)證通過(guò)發(fā)送Ajax(實(shí)例詳解)

更新時(shí)間：2022年10月12日 14:40:47 作者：微笑Tears

這篇文章主要介紹了jQuery validate(submitHandler函數(shù))驗(yàn)證通過(guò)發(fā)送Ajax，可以用validate框架驗(yàn)證元素，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧

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:'請(qǐng)輸入原密碼',
                remote : '請(qǐng)輸入正確的原密碼'
            },
            password : {
                required : '請(qǐng)輸入密碼',
                minlength : '長(zhǎng)度需大于6'
            },
            repeat : {
                required : '請(qǐng)確認(rèn)密碼',
                equalTo : '兩次輸入密碼不一致',
                minlength : '長(zhǎng)度需大于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("修改密碼成功");
                    }
                }
            });
        }
    });
});

個(gè)人感覺(jué)比較好用，可以用validate框架驗(yàn)證元素。

JQuery的submitHandler

之前做表單驗(yàn)證，有設(shè)置submitHandler

submitHandler: function(){

$("form").submit();

}

這樣表單驗(yàn)證通過(guò)后會(huì)自動(dòng)提交。。。。

改為

submitHandler: function(form){

form.submit();

}

否則，button按鈕提交表單之后，表單會(huì)提交兩次，前端造成stack 溢出

到此這篇關(guān)于Jquery validate(submitHandler函數(shù))驗(yàn)證通過(guò)發(fā)送Ajax的文章就介紹到這了,更多相關(guān)Jquery validate驗(yàn)證內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: