一、说明

jQuery.validationEngine表单验证控件功能强大，自带了样式显示模式：

1.字符类型：非空验证、最大长度、最小长度、相等判断、数字和空格、数字和英文字母

2.数字类型：数字、整数、最大值、最小值

3.日期类型：日期（年-月-日/年/月/日等)、日期时间、最小日期、最大日期、日期时间段

4.业务字段：url ,电子邮件、电话、ipv4恰奥卡版扩展支持：qq、邮政编码、身份证、汉字。

5.埃阿斯后台验证：支持全局扩展定义，后台可定义消息内容，但是没有回调处理的扩展。

6.其他自定义扩展。

二、相关文档

1.饭桶源代码地址：https://github。com/posabsolute/jQuery-验证-引擎

2.中文文档应用程序接口参考：http://代码。中情局亚奥理事会。com/jquery/validation-engine/

3.中文优化版恰奥卡下载

4.Asp.NET演示实例源代码地址：https://吉。奥希娜。net/tiama 3798/BootstrapBack _ Demo/tree/jquery。验证引擎

三、其他表单标签验证

1.引用：

链接href=' ~/Scripts/验证引擎。jquery。CSS ' rel='样式表'/脚本src=' http : ~/脚本/validation/jquery。验证引擎。js /脚本脚本src=' http : ~/脚本/validation/jquery。验证引擎-zh _ cn。js /脚本src=' http : ~/Scripts/validation/jquery。验证引擎。js /脚本2。HTMl:

div class=' panel panel-default ' div class=' panel-heading ' div class=' panel-title '常用业务字段验证/div/div class=' panel-body '表单角色=' form ' id=' form 1 ' class=' demo form ' action=' # div class=' form-group ' label class=' control-label '分类：/label div class=' select ' select class=' form-control validate[必选]' name=' type '选项值=''==请选择==/选项选项值='1 '一星级/option选项值='2 '二星级/option选项值='3 '三星级/option/select/div/div class=' form-group ' label class=' control-label '多选框：/label div label class=' checkbox-inline ' input class=' validate[minCheckbox[2]]' type=' checkbox ' name=' chb1 '/一星级/label label class=' checkbox-inline ' input class=' validate[minCheckbox[2]]' type=' checkbox ' name=' chb1 '/二星级/label label class=' checkbox-inline ' input class=' validate[minCheckbox[2]]' type=' checkbox ' name=' chb1 '/三星级/label/div/div class=' form-group ' label class=' control-label '单选框：/label div label class=' rado-inline ' input class=' validate[required]' type=' rado ' name=' rad 1 '/男/标签标签class=' radio-inline '输入class=' validate[required]' type=' radio ' name=' rad 1 '/女/label label class=' radio-inline ' input class=' validate[required]' type=' radio ' name=' rad 1 '/其他/label/div/div class=' form-group ' label class=' control-label '简介：/label text area class=' form-control validate[必需]'/文本区域/div class='窗体-组' label class='控件-标签'上传图片：/label div输入类型=' file ' class=' form-control validate[必需]'//div/div br/br/输入类型=' submit ' class=' BTN BTN-success ' value='提交//div/form/div/3 . Js:

$(function () { /* *)特别说明： * 1.对于挑选标签，必须都指定价值属性，没有可以指定空字符串* 2.对于检验盒和收音机验证失败消息，显示在第一个按钮附近*///自定义错误显示位置$('.演示表单').验证引擎({提示位置： '右下'，addprompt类： '前一个错误-白色' })；});显示结果：

三、Ajax后台验证实例：

1.后台定义：

公共JsonResult存在(字符串字段Id，字符串字段值){ if (fieldValue .长度3)返回Json(新对象[] { fieldId，true })；返回Json(新对象[] { fieldId，false })；} public JsonResult GetInfoByCode(字符串字段Id，字符串字段值){ if (fieldValue .长度3)返回Json(新对象[] { fieldId，true，'张三丰' });返回Json(新对象[] { fieldId，false，'验证失败' });} public JsonResult GetByName(字符串fieldId，字符串fieldValue) { if (fieldValue .长度3)返回Json(新对象[] { fieldId，true，'后台验证成功，新{ name='张三丰，年龄=20 } });返回Json(新对象[] { fieldId，false，'验证失败，来自后台的消息' });} 2.ajax验证方法扩展：

3.超文本标记语言定义：

div class=' panel panel-default ' div class=' panel-heading ' div class=' panel-title ' Ajax后台验证/div/div class=' panel-body '表单角色=' form ' id=' form 1 ' class=' demo form ' action=' # div class=' form-group ' label class=' control-label '昵称：/label input class=' form-control validate[必选，AJax[AJaxNike]]' name='昵称//div class=' form-group ' label class=' control-label '编号：/label input class=' form-control validate[必选，AJax[AJaxcode]]' name=' code ' value=' 12 '/div div class=' form-group ' label class=' control-label '编号：/label input class=' form-control validate[必选，AJax[AJax name]]' name=' code ' value=' 12 '/div div输入类型=' submit ' class=' BTN BTN-success ' value='提交//div/form/div/4 .射流研究…

/* * 特别说明：* 1.ajax验证规则或其他扩展验证规则，可以扩充在jquery。validationengine-zh _ cn。射流研究…中* 2.ajax后台的返回json对象格式： * 返回数据内容：[字符串，布尔值] *第一个值类型为字符串，是接收到fieldId的值；* 第二个值类型为布尔型，验证通过返回没错，不通过返回假* 3。如果有第三个值可以作为'消息内容显示', * 4.对于单个埃阿斯验证提交，没有提供回调处理等事件*///自定义错误显示位置$('.演示表单').验证引擎({ promptpposition : '右下角'，//此属性，指定创建交互式、快速动态网页应用的网页开发技术提交表以及字段创建交互式、快速动态网页应用的网页开发技术验证的方式Ajax formvalidation method : ' post '，//指定使用埃阿斯模式提交表单处理ajaxFormValidation: true，onAjaxFormComplete:函数（状态、表单、json、选项){ console.info(状态);console.info(表单);}，onbeforeajaxformvalidation :函数（表单，选项){ console.info(表单);} });显示结果：

以上所述是小编给大家介绍的JQuery.validationEngine表单验证插件（推荐),希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！