表单提交错误:表单正在重置而不是提交

时间:2014-07-24 10:47:24

标签: jquery jquery-validate form-submit

我使用jquery.validate.min.js插件进行表单验证,我正在使用Zend Framework执行表单

我有一个Add form和一个Edit form

在添加表单中,验证工作正常,甚至在验证满足(或更正)后保存表单。但是在编辑形式中虽然所有字段的验证都是正确的,但是当单击提交并且未保存编辑的数据时,表单将被重置,而是将其重置为先前的数据。

当我删除编辑项目的验证时,编辑的数据将被提交并保存。

可能是什么错误?

2 个答案:

答案 0 :(得分:0)

使用submitHandler。这是一个例子

            /* Initialize Login Form Validation */
            $('#login-form').validate({
                errorClass: "help-inline",
                errorElement: "span",
                errorPlacement: function(error, element) {
                    element.parents(".controls").append(error);
                },
                highlight: function(e) {
                    $(e).closest(".control-group").removeClass("success error").addClass("error");
                },
                success: function(e) {
                    e.addClass("valid").closest(".control-group").removeClass("success error").addClass("success");
                },
                rules: {
                    login_email: {
                        email: true
                    }
                },
                messages: {
                    login_email: {
                        email: "Please enter a valid email address"
                    }
                },
                 submitHandler: function(form) {

                      $.ajax({
                            type: 'get',
                            url: 'loginuser.php',
                            data:{
                                username: $("#login_email").val(), pass: $("#login_password").val()
                            },
                            success: function(data){
                                //alert(data);

                            }
                        });
                 }
            });

答案 1 :(得分:0)

使用submitHandler处理某些内容,然后使用默认提交。

$(".selector").validate({
  submitHandler: function(form) {
    // do other things for a valid form
    form.submit();
  }
});