Question

我在这里不知所措，我有2个表格，必须共享一个提交按钮。我可以通过检查输入的值来判断提交哪个表单，但我无法通过验证将自身绑定到提交表单。我需要添加验证和ajax功能（删除表单并显示另一个div - 但是一旦我运行验证就应该很容易。我很熟悉并且可以在准备好或点击时成功完成，但这是我第一次拥有将它绑定到提交函数..不是我的非工作代码。请帮忙！

$("#sbtBtn").click(function() {
          if($("input[name=license_code]").val()) {      //check if #retUser has a value
            $("#formOne").submit();
          } else if ($("input[name=referred_by_text]").val() && $("input[name=broker_text]").val() && $("input[name=email1]").val()) {
            $("#formTwo").submit();
          }
            else {
             alert("Please fill out either the returning user or new user form");   
            }

    });

    $("#formOne").submit(function() {
        //if (valid) $(this).submit();
        var validator = $("#formOne").validate({
            errorElement: "em",
            //errorContainer: $("#summary"),
            errorPlacement: function(error, element) {
                error.appendTo( element.parent("li"));
            },

            submitHandler: function(form) {
            var dataString = $(form).serialize();
                $.ajax({
                    type: $(form).attr('method'),
                    url: form.action,
                    data: dataString,
                    success: function(data, status) {
                         $("#currentUser, #newUser, #submitContain").hide();
                    },
                    error: function (data, status) {
                        $("#newUser, #submitContain").hide();
                        $("#currentUser").html("error");
                    }
                });
            return false;
           },
            rules: {
                    license_code: {
                    minlength: 2
                }
            },

            messages: {
                license_code: {
                    minlength: "Your Code Must be at Least 2 Characters"
                }
            }
        });
    });

    $("#formTwo").submit(function() {
        alert("formTwo");
        return false;
    });

formTwo在我那里有警报，以确保它将正确的表单绑定到提交，它就是。

Answer 1

上的

 $("#formOne").submit(function() {

return true;

将允许表单提交有效数据，返回false将停止它。

帮助绑定验证以提交功能

1 个答案: