编程语言
首页 > 编程语言> > javascript – 正确使用jQuery验证插件的submitHandler方法

javascript – 正确使用jQuery验证插件的submitHandler方法

作者:互联网

首先来自jQuery验证插件的一些文档:

“使用submitHandler处理某些内容然后使用默认提交.请注意,”form“指的是DOM元素,这样就不会再次触发验证.”

submitHandler: function(form) {
    $.ajax({
        type: 'POST',
        url: form.action,
        data: 'current_password=' + form.current_password + '&new_password=' + form.new_password,
        success: function(){
            alert("succes");
        }
    });
}

所以,我的巧妙代码自然不起作用.我正试图从表单对象访问’action’属性和两个输入字段,没有运气.我该怎么做?

解决方法:

试试这个:

submitHandler: function(form) {
    $.ajax({
        type: 'POST',
        url: $(form).attr('action'),
        data: { current_password : form.current_password.value,
                new_password: form.new_password.value }
        success: function(){
            alert("succes");
        }
    });
}

目前,不是提交元素的值,而是在它们上面调用toString,所以只需添加.value来获取值.此外,我们将数据作为对象传递到此处,以便对其进行编码,否则,例如,如果密码具有&在其中,帖子不正确.

标签:javascript,jquery,ajax,jquery-validate
来源: https://codeday.me/bug/20190726/1545543.html