VALFORM

Validation demo

Form configuration

            
valForm.init({
  formId: "my_form",
  dateFormat: "YYYY-mm-dd"
});

Title

{name="title" data-val-rules="required" data-val-display="Title"}

First Name

{name="name" data-val-rules="required|max_length[12]"}

Last name

{name="surname" data-val-rules="required|min_length[3]" data-val-display="Last Name"}

Date of birth

{name="dob" data-val-rules="required|valid_date|max_years_in_past[99]|years_between[licence:17]" data-val-display="Date of birth" data-val-with="licence"}

Driving licence date

{name="licence" data-val-rules="required|valid_date|years_between[dob:17]" data-val-display="Licence date" data-val-with="dob"}

{name="email" data-val-rules="required|valid_email"}

Phone

{name="phone" data-val-rules="uk_phonenumber" data-val-allow-empty="true"}

Password

{name="password" data-val-rules="required|matches[password_confirmation]" data-val-display="Password" data-val-with="password_confirmation"}

Confirm password

{name="password_confirmation" data-val-rules="required|matches[password]" data-val-with="password"}

What movies do you like?

{name="movies[]" data-val-rules="required" data-val-display="Movies"}

Comedy Romance Sci-fi

What is your gender?

{name="gender" data-val-rules="required" data-val-display="Gender"}

Male Female