jQuery表单验证插件表单验证实现个性化错误提示

其效果图如下

使用说明需要使用jQuery库文件和表单验证库文件[下载实例代码]http://jquery.com/同时需要自定义显示提示错误信息的半铸钢钢性铸铁(铸造半钢)样式使用实例一，包含文件部分复制代码代码如下：脚本src=' http : jquery。js ' type=' text/JavaScript '/script script src=' http : jquery。验证引擎。js ' type=' text/JavaScript '/script link rel='样式表href=' validationengine。jquery。CSS ' type=' text/CSS ' media=' screen '/二，HTML部分复制代码代码如下：输入类=' validate[必选，自定义[onlyLetter]，长度[0，100]]' name=' first name ' type=' text '/表单验证插件的表单验证方法如下：验证[必需，自定义[onlyLetter]，长度[0,100]]参数说明：必需表示表单必填，自定义[]表示验证的条件，长度表示长度表单验证插件其它说明：可选：专用：表单值不为空的情况需要：必埴长度[0,100] :长度范围minCheckbox[7] :最小复选框数确认[字段标识] :匹配其它字段（如：确认密码)电话：匹配电话号码规则电子邮件：匹配电子邮箱规则仅限号码：匹配数字规则noSpecialCaracters :匹配字符规则onlyLetter :匹配字母规则日期：匹配年-月-日格式表单验证插件应用实例一，验证单选框复制代码代码如下：输入类=' validate[required]radio ' type=' radio ' name=' radio goup ' value=' 5 '输入类=' validate[required]radio ' type=' radio ' name=' radio goup ' value=' 3 '/input class=' validate[required]radio ' type=' radio ' name=' radio goupe ' value=' 9 '/二，验证复选框复制代码代码如下： input class=' validate[minCheckbox[2]]checkbox ' type=' checkbox ' name=' checkbox group ' value=' 5 ' input class=' validate[minCheckbox[2]]checkbox ' type=' checkbox ' name=' checkbox ' checkbox group ' value=' 3 '/input class=' validate[minCheckbox[2]]checkbox ' type=' checkbox ' name='复选框组'值=' 9 '/三，验证下拉框复制代码代码如下：选择名称=' sport ' id=' sport ' class=' validate[必选]'选项值=' 1 ' biu _ 1/选项值=' 2 ' biu _ 2/选项值=' 3 ' biu _ 3/选项值=' 4 ' biu _ 4/选项/select四，验证电话号码复制代码代码如下：输入类=' validate[必选，自定义[电话]]text-input ' type=' text ' name=' phone '/五，验证邮箱复制代码代码如下：输入类=' validate[必选，自定义[email]]text-input ' type=' text ' name=' email ' id=' email '/如上实例，使用表单验证插件实现表单验证方法比较简单，主要在于其实现的个性化错误提示，同时，可自定义匹配规则，如下："电话”: { 'regex':'/^[0-9-()]$/","alert文本“:”*无效电话号码"},其中正则表达式表示匹配规则这样使用alertText就可以实现自定义的表单错误提示文本，这与确认插件的使用方法相同，使用jQuery表单验证插件表单验证实现个性化错误提示，值得推荐。文件打包下载