cxqForm jQuery multilingual form validator
How to install ?
It is very simple, you have to include firstly the latest jQuery libray then the language file you want and finally the cxqForm script.
You can either choose to download the full package that you find just above or files one by one (see below) :
The Control Options
| Control | Description | Type | Default value |
|---|---|---|---|
| checkOnSubmit | Check the fields after submit | Boolean | true |
| showMessageError | Show global message error | Boolean | true |
| onkeyUp | Check the field on key up | Boolean | true |
| onBlur | Check the field on blur | Boolean | true |
The Control set
The control should be added in the custom attribute « fieldtype ». If the attribute contains several controls, these controls must be separated by the pipe symbol ‘|’.
| Control | Description | |
|---|---|---|
| required |
<input type="text" fieldtype="required" /> |
?Makes the field always required
|
| numeric |
<input type="text" fieldtype="numeric" /> |
?Makes the field only allowing numbers
|
| alpha |
<input type="text" fieldtype="alpha" /> |
?Makes the field only allowing alphabeticals character
|
| alphaNumeric |
<input type="text" fieldtype="alphaNumeric" /> |
?Makes the field only allowing alphabeticals & numbers
|
<input type="text" fieldtype="email" /> |
?Makes the field only allowing email format (example : hello.world@gmail.com)
|
|
| url |
<input type="text" type="text" fieldtype="url"/> |
?Makes the field only allowing URL format (example : http://wwww.hello-world.com)
|
| minLength |
<input type="text" fieldtype="minLength:10"/> |
?The minimal length for the field
|
| maxLength |
<input type="text" fieldtype="maxLength:100" /> |
?The maximal length for the field
|
| equalTo |
<input id="email-address" type="email" fieldtype="required|email" /> <input type="email" fieldtype="equalTo:email-address" /> |
?the field should be equal to a selected field ID (example: )
|
