jVal 介绍
Super-sexy animated form field validation plugin.
Very easy to apply field validation on a per field basis in the html <INPUT>
declaration. Very user friendly in showing each field that has not passed
validation. Easy support for restriction of characters in a field, i.e. phone
number only allowing digits. Allows for associating the ENTER key with a
specific function.
To use simply add a jKey="" or jkeyval="" to the <INPUT> html tag you
would like to have validation associated with such as this example to make
sure that a field has 10 digits as well as only allowing digits to being
entered (i.e. US Phone number input field):
<INPUT ID="phoneNumber" TYPE="text" jVal="{valid:function (val) { if (val.length != 10) return false; else return true; }, message:'10 Digits for Phone required', styleType:'cover'}" jValKey="{valid:/[0-9]/, message:'"%c" Invalid Character - Only Digits Allowed', cFunc:'$(\'#formContainer\').jVal()', styleType:'pod'}">
The validation from jVal will render the flyout messaging in the “cover” style
and the flyout messaging for invalid characters will be in the “pod” style -
see Home Page for more info.
0.1.2
- fixed issue with [jVal] input field’s visually “bouncing”
0.1.1
- jVal() Now returns true if all jVal fields are valid and false is any jVal fields are invalid and fail the test RegExp or Function declared in the jVal=”” attribute.
0.1.0
- initial release