jquery validation rules

Question

My phone validation depends on a checkbox (no, don't contact me via phone). If this is checked, then I will not need run the phone validation. I googled around and found 'depends' function.

I have

  $("#myForm").validate({
  ....
  rules: {
  phone1: {
    required: {
      depends: "!#pri_noPhone:checked"
    },
    number: true,
    minlength:3,
    }

It doesn't throw an error, but it still tries to validate the phone number.

Under the rules: how do i make sure that email and confirmEmail are the same? I have rules, and messages separate.

in IE7, i get an error saying a runtime error has occurred. error: expected identifier, string or number it points to: phone1: { required: { depends: "#pri_noPhone:not(:checked)" }, number: true, minlength:3, }, do you know what's going on in here? The FF and Firebug do not give the same error. — Kung Fu Ninja
– Kung Fu Ninja, Commented Aug 26, 2009 at 14:37

Phill Pafford · Accepted Answer · 2009-08-27 15:00:04Z

7

try something like this:

"#phone1": {
   number: true,
   minlength:3,
   required: function(element){
      return ($('#pri_noPhone_wrapper input:checked').val() == 'True');
   }
}

The HTML (after looking at this I forgot to add the wrapper HTML)

<span id='pri_noPhone_wrapper'>
Phone:
<input type="checkbox" name="pri_noPhone" value="what ever" />
</span>

edited Aug 27, 2009 at 15:00

answered Aug 25, 2009 at 20:03

Phill Pafford

85.5k92 gold badges268 silver badges385 bronze badges

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

4 Comments

Kung Fu Ninja Over a year ago

return ($('#pri_noPhone input:checked').val() == 'true'); this also works :) Thanks everybody!

Joel Over a year ago

This is really useful for complex stuff.

Phill Pafford Over a year ago

this is a mock of your question, you would have to change it to use the ID or CLASS variables to get it to work. I use this all the time and it works great. the required attribute function returns true or false if the checkbox is selected

Kung Fu Ninja Over a year ago

alert($('#pri_noPhone input:checked').val()); this displays 'undefined'. <input type="checkbox" name="pri_noPhone" id="pri_noPhone"/> there is no default value.

user14038 · Accepted Answer · 2009-08-25 20:02:36Z

2

You would use something lile this:

$("#myForm").validate({
      rules: {
          username: {
           email: {
                required:true,
                email:true,
                maxlength:255,
            },
            confirmEmail: {
                required:true,
                equalTo: "#email"
            },
         } 
       }
     })

answered Aug 25, 2009 at 20:02

community wiki

user14038

1 Comment

Kung Fu Ninja Over a year ago

equalTo: did the trick. Wiiii what would i do without you ppl here? thanks a million

2 revs · Accepted Answer · 2009-08-25 20:10:49Z

2

I think you want your dependency specified using proper selector syntax:

required: {
    depends: "#pri_noPhone:not(:checked)"
}

EDIT

Steve's answer on the email:

confirmEmail: {
    required:true,
    equalTo: "#email"
},

edited Aug 25, 2009 at 20:10

community wiki

2 revs
Joel Potter

1 Comment

Kung Fu Ninja Over a year ago

sweeeet, how about validating for emailAddress = confirmEmailAddress ?

Collectives™ on Stack Overflow

jquery validation rules

3 Answers 3

4 Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related