日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無(wú)先后,達(dá)者為師

網(wǎng)站首頁(yè) 編程語(yǔ)言 正文

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

作者:微笑Tears ? 更新時(shí)間: 2022-11-23 編程語(yǔ)言

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è)人感覺比較好用,可以用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 溢出

原文鏈接:https://www.cnblogs.com/dingjing0518/p/6839702.html

欄目分類
最近更新