Using Visible Elements for jQuery Form Validation

Question

The fields in my form already validate. If they're invalid, there's a span class that appears and informs the user. Likewise if they're empty.

So I thought it would be easy enough to just check for the visibility of one of these classes.

Here's my script:

$(document).ready(function(){
  if (($('.error').length) || ($('.empty').length)) {

      function validateReview(){

               document.getElementById('ReviewForm').submit();
      }

  } else {

      function validateReview(){

                alert("Please check fields and be sure to leave a review.");
      }

  }
};

And then the submit button in my form simply calls validateReview() onclick.

But it's not working how I expected, I get this as an error "validateReview is not defined". Did I declare validateReview() incorrectly, or in a local scope maybe? BIG newb here so please be aware. I know enough only to get in trouble.

You spelled validateReview() as validatReview(). Two times. Now you see what you did, right? — Nadav S.
– Nadav S., Commented Jul 4, 2012 at 21:52
I spelled it wrong in the question, it is correct in the script. Thanks. — frankV
– frankV, Commented Jul 4, 2012 at 21:56

The Alpha · Accepted Answer · 2012-07-04 21:50:01Z

1

Not sure about your logic but whatevar it is I think you can use this

$(document).ready(function(){
    if ($('.error').length || $('.empty').length) {
        $('#ReviewForm')[0].submit();
    } else {
        alert("Please check fields and be sure to leave a review.");
    }
});

answered Jul 4, 2012 at 21:50

The Alpha

147k30 gold badges294 silver badges313 bronze badges

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

7 Comments

frankV Over a year ago

Tried that. Form still doesn't submit and I'm still getting the "validateReview is not defined" error

The Alpha Over a year ago

You have to submit the form using a submit handler, how you are submiting it ?

frankV Over a year ago

normally it calls a submit function in the forms script I have. Other forms in this file use this document.getElementById('formID').submit(); which is placed in the onclick of the submit button.

The Alpha Over a year ago

Then you should use $('#formID').on('submit', function(e){ if ($('.error').length || $('.empty').length).... })

The Alpha Over a year ago

Actually how you are submitting your form, can you give me the code ?

|

Collectives™ on Stack Overflow

Using Visible Elements for jQuery Form Validation

1 Answer 1

7 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Related