Jquery validator cheat sheet

Page 1

JQuery Validator

http://docs.jquery.com/Plugins/Validation

$(form selector).validate(options); Rules $(“.selector”).validate({ rules: { name: { required: true}, email: { required: true, email: true } } }); required email digits creditcard min max

true/false true/false True/false True/false Numeric Numeric

minlength maxlength Rangelength url date dateISO dateDE phoneUS number numberDE accept equalTo(other) remote

Numeric Numeric Numeric, ex. rangelength: [2, 6] True/false True/false True/False True/false (German Date) True/false True/false True/false (German Date) Ex: “xls|csv” (file types) String, ex: “#password” String/options – see $.ajax for options

Messages You can create special messages for each rule type. $(“.selector”).validate({ rules: {…}, messages: { name: “Please specify your name”, email: { required: “Please enter your email address”, email: “Please enter a valid email address”} }});

Validator Option callbacks submitHandler(form) invalidHandler(form, validator) errorPlacement(error, element)

success(element) highlight(element, errorClass) unhighlight(element)

Validator Option properties debug: bool groups: {} onclick: bool errorClass: “error” errorLabelContainer:

ignore: selector onsubmit: bool focusInvalid: bool validClass: “valid” errorContainer

rules:{} onfocusout: bool focusCleanup: bool errorElement: “label” success:”valid”

messages:{} onkeyup:bool Meta: string wrapper: “li” ignoreTitle: bool

Validator Plugin Methods validate(options) rules(“remove”, rules)

valid() removeAttrs(attr)

rules()

rules(“add”, rules)

Validator Methods form() numberOfInvalids()

element(element) resetForm()

JQuery Custom Selectors: :blank, :filled, :unchecked

addClassRules(name, Rules) addMethod(name,method,message)

showErrors(errors) setDetaults(defaults)


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.