JavaScript & jQuery: The Missing Manual ... - Robert Guajardo

Form Validation
$('#signup').validate({
rules: {
name: 'required'
}
}); // end validate()
In this case, the field is named name, and the rule specifies that the field is required.
To apply more than one validation rule to a form field, you must create another object
for that field. For example, to expand the validation rules for the form in Figure
9-6, you can add a rule that would not only make the email field required, but also
specify that the email address must be validly formatted:
1 $('#signup').validate({
2 rules: {
3 name: 'required',
4 email: {
5 required:true,
6 email:true
7 }
8 }
9 }); // end validate()
Note: According to the rules of JavaScript object literals, you must end each name/value pair except the
last one with a comma. For example, in line 3 above, name: ‘required’ must have a comma after it, because
another rule (for the email field) follows it. Turn to page 145 for a refresher on how object literals work.
Lines 4–7, shown in bold, specify the rules for the email field. The field’s name is
email, as specified in the HTML (see the HTML code on page 285); required:true
make the field required; and email:true makes sure the field contains an email address.
You can use any of the validation types listed in Table 9-2. For example, say you add
a field named birthday to the form used in this example. To ensure that a date is
entered into the field, you can expand the list of rules like this:
$('#signup').validate({
rules: {
name: 'required',
email: {
required:true,
email:true
},
birthday: 'date'
}
}); // end validate()
If you also want the birthday field to be required, adjust the code as follows:
286 javascript & jquery: the missing manual
www.it-ebooks.info