如何使用jquery在不同的按钮单击中验证相同的表单

时间:2017-03-24 08:56:49

标签: javascript jquery

edit-txtupdatePassword是单个表单中的两个按钮 superAdminDetailsForm 。我想在按钮单击中取消此表单。我在每次点击按钮时写了表单验证。但它不起作用。 edit-txt按钮是文本类型,更新密码是按钮类型

    $().ready(function() {$('#edit-txt').on('click', function() {
        $("#superAdminDetailsForm").validate({

                    rules: {
                        superadminEmail:{
                            required:true,
                            email:true
                        },  
                    }, 
                    messages: {
                            superadminEmail:"Please enter your Email id"
                    },
                    submitHandler: function(){
                    var formData =$("#superAdminDetailsForm").serialize();
                        $.ajax({
                            url:'/accounts',
                            type:'post',
                            datatype: 'json',
                            data: formData,
                            success : function(response){
                                if(response == "true"){
                                    window.location='/accounts';
                                } else {
                                     alert("false")
                                }
                            },
                            error: function (request,status, error) {
                            }
                        });
                    return false;
                }
            });

    });


    $('#updatePassword').on('click', function()  {$("#superAdminDetailsForm").validate({

            rules: {
                oldPassword:"required",
                newPassword:"required",
                confirmpassword:{
                    require :"true",
                    equalTo : "#oldPassword"
                } 
            },
             messages: {
                 oldPassword:"Please enter Old Password ",
                 newPassword: "Please enter New Password",
                 confirmpassword:"Retype password is incorrect"
             },
            submitHandler: function(){//to pass all data of a form serial
                 var formData =$("#superAdminDetailsForm").serialize();
                        $.ajax({
                            url:'/changePassword',
                            type:'post',
                            datatype: 'json',
                            data: formData,
                            success : function(response){
                                if(response == "true"){
                                    window.location = '/accounts';
                                } else {
                                    alert("password incorrect");
                                }
                            },
                            error: function (request,status, error) {
                            }
                        });
                    return false;
                }


        });
    });
});

0 个答案:

没有答案