jquery validation error

Question

$("#submit-signin-button").click(function() {
    if($.trim($("#foo").val()) === ""){
        $(".error-message-uname").show();
    }
    if($.trim($("#bar").val()) === ""){
        $(".error-message-bar").show();
    }

    return false;

Is it right way to do the validation? Because after submitting the correct form it does not post data to the URL.

Jonathon Bolster · Accepted Answer · 2010-12-17 09:12:15Z

2

The problem is that you are always returning false from this. You should only return false when the form should not be posted.

A very basic validation system based on your revised question. You have a variable initially set to true (all is fine) unless an error has occurred. Returning true on a form validation will cause the form to submit.

$("#submit-signin-button").click(function() {

  var isValid = true;

  if(!$.trim($("#foo").val()){
    $(".error-message-uname").show();
    isValid = false;
  }
  if(!$.trim($("#bar").val())){
    $(".error-message-bar").show();
    isValid = false;
  }

  return isValid;
}

For simple things, this is perfectly fine but there are some validation jQuery plugins (like this one) that you could use.

As a tip (so you know), an empty string is considered a falsey value in JavaScript. So you can replace $.trim($("#bar").val() === "" with !$.trim($("#bar").val().

edited Dec 17, 2010 at 9:12

answered Dec 17, 2010 at 8:18

Jonathon Bolster

16k3 gold badges45 silver badges47 bronze badges

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

1 Comment

user426795 Over a year ago

what about if have another field to validate. I have update the question.

Collectives™ on Stack Overflow

jquery validation error

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related