jQuery Validate: validate form without throwing errors about empty fields

Question

I have a field with about eight required fields. I have some code that only enables a button if all fields are validated. Then, I have a method that checks to see if all fields are valid - only then is the button enabled.

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

            checkIfAllFieldsAreValid();
        }

    })

The issue is that the required validation field is throwing an error when I tab to the next field, because the "keyup blur" event is firing on the next field even before I start typing. What event prevents this behavior from happening?

Kld · Accepted Answer · 2016-06-30 00:30:34Z

1

You can leave the submit button enabled and check when the user clicks it if the form is valid or not

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

answered Jun 30, 2016 at 0:30

Kld

7,1183 gold badges39 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dave Brock Over a year ago

Yes, I thought about that. But, I need to keep the button disabled throughout the entire process.

Nhabbott · Accepted Answer · 2016-06-30 00:54:52Z

0

Try checking if any of the inputs are empty before validating the form.

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

answered Jun 30, 2016 at 0:54

Nhabbott

1641 gold badge3 silver badges13 bronze badges

Collectives™ on Stack Overflow

jQuery Validate: validate form without throwing errors about empty fields

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related