Question

我有一个包含大约八个必填字段的字段。我有一些代码，只有在所有字段都经过验证的情况下才启用按钮。然后，我有一个方法来检查所有字段是否有效 - 只有这样才启用按钮。

$("#FirstName").on("keyup blur", function () {
        if ($("#FirstName").length > 0) {
            if ($("#FirstName").valid()) {
                isFirstNameValid = true;
            }
            else
                isFirstNameValid = false;

            checkIfAllFieldsAreValid();
        }

    })

问题是当我选择到下一个字段时，所需的验证字段会抛出错误，因为即使在我开始输入之前，“keyup blur”事件也会在下一个字段上触发。什么事件阻止了这种行为的发生？

Answer 1

您可以启用提交按钮，并在用户单击时检查表单是否有效

$("#btnCreateMyAccount").on("click", function () {
        if ($("#CreateAccountForm").valid()) {
            return false;
        }
        else
        {
            //submit the data
        }
    })

Answer 2

在验证表单之前，请尝试检查是否有任何输入为空。

if($("your input field").val()=="") {
    return;
}

jQuery Validate：验证表单而不会抛出有关空字段的错误

2 个答案: