You are on page 1of 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() addClassRules(name, Rules) addMethod(name,method,message) showErrors(errors) setDetaults(defaults)

JQuery Custom Selectors:


:blank, :filled, :unchecked

You might also like