其效果图如下:
[img]http://files.jb51.net/upload/20090623125722853.png[/img]
使用说明
需要使用jQuery库文件和formValidation库文件[[url=http://xiazai.jb51.net/200906/yuanma/formValidator.rar]下载实例代码[/url]]
http://jquery.com/
同时需要自定义显示提示错误信息的CSS样式
[b]使用实例[/b]
一,包含文件部分
[url=validationEngine.jquery.css]
[b]二,HTML部分[/b]
<input class="validate[required,custom[onlyLetter],length[0,100]]" name="firstname" type="text" />
formValidation插件的表单验证方法如下:
validate[required,custom[onlyLetter],length[0,100]] 参数说明:required表示表单必填,custom[]表示验证的条件,length表示长度
formValidation插件其它说明:
optional: Special: 表单值不为空的情况
required: 必埴
length[0,100] : 长度范围
minCheckbox[7] : 最小复选框数
confirm[fieldID] : 匹配其它字段 (如:confirm password)
telephone : 匹配电话号码规则
email : 匹配电子邮箱规则
onlyNumber : 匹配数字规则
noSpecialCaracters : 匹配字符规则
onlyLetter : 匹配字母规则
date : 匹配 YYYY-MM-DD 格式
[b]formValidation插件应用实例
一,验证单选框[/b]
[url=http://xiazai.jb51.net/200906/yuanma/formValidator.rar]文件打包下载[/url]