Question

我有一个表单在用户点击提交后检查有效字段。它看起来像这样：

<form class="form-horizontal" method="post" action="#" name="basic_validate" id="basic_validate" />             
    <div class="control-group">
        <label class="control-label">Email Recipients</label>
        <div class="controls">
            <input type="text" name="emailreceipients" id="emailreceipients" />
        </div>
    </div>
    <div class="form-actions">
        <input type=submit value="Send" id="sendbtn" class="btn btn-primary" />
    </div>
</form>

如果看到错误，则会在字段中添加一个名为“错误”的类。

如何在删除所有错误后捕获表单提交（例如，用户输入所有数据）

这是在表单提交后被点击的验证调用：

// Form Validation
$("#basic_validate").validate({
    rules:{
        required:{
            required:true
        },
        emailreceipients:{
            required:false
        }
    },
    errorClass: "help-inline",
    errorElement: "span",
    highlight:function(element, errorClass, validClass) {
        $(element).parents('.control-group').addClass('error');
    },
    unhighlight: function(element, errorClass, validClass) {
        $(element).parents('.control-group').removeClass('error');
        $(element).parents('.control-group').addClass('success');
    }
});

我尝试过这样的事情：

$("#sendbtn").click(function (e) {
    e.preventDefault();

    if ($("#basic_validate").children('.control-group').hasClass('error')) {
        alert("Error Seen");
    }
    else {
        // Process Form
    }
});

知道我怎么能做到这一点吗？

Answer 1

使用jQuery的submit()

$("#basic_validate").submit();

Answer 2

您想要做什么处理？如果你只想让表单在通过验证后自然提交，你可以

return true;

如何在没有错误后捕获表单提交？

2 个答案: