jQuery.validationEngine表单验证控件功能强大，自带了样式显示模式：
1.字符类型：非空验证、最大长度、最小长度、相等判断、数字和空格、数字和英文字母
2.数字类型：数字、整数、最大值、最小值
3.日期类型：日期（yyyy-MM-dd/ yyyy/MM/dd等）、日期+时间、最小日期、最大日期、日期时间段
4.业务字段：url、email、phone、ipv4；ciaoca版扩展支持：qq、邮政编码、身份证、汉字。
5.Ajax后台验证：支持全局扩展定义，后台可定义消息内容，但是没有回调处理的扩展。
6.其他自定义扩展。
二、相关文档
1.Git源代码地址：https://github.com/posabsolute/jQuery-Validation-Engine
3.中文优化版 Ciaoca下载
4.Asp.NET Demo实例源代码地址：https://git.oschina.net/tiama3798/BootstrapBack_Demo/tree/JQuery.validationEngine
三、其他表单标签验证
1.引用：
<link href="https://www.jb51.net/~/Scripts/validation/validationEngine.jquery.css" /> <script src="https://www.jb51.net/~/Scripts/validation/jquery.validationEngine.js"></script> <script src="https://www.jb51.net/~/Scripts/validation/jquery.validationEngine-zh_CN.js"></script> <script src="https://www.jb51.net/~/Scripts/validation/jquery.validationEngine.js"></script>
2.HTMl：
<div> <div> <div>常用业务字段验证</div> </div> <div> <form role="form" action="#"> <div> <label>分类：</label> <div> <select> <option value="">==请选择==</option> <option value="1">一星级</option> <option value="2">二星级</option> <option value="3">三星级</option> </select> </div> </div> <div> <label>多选框：</label> <div> <label> <input type="checkbox" />一星级 </label> <label> <input type="checkbox" />二星级 </label> <label> <input type="checkbox" />三星级 </label> </div> </div> <div> <label>单选框：</label> <div> <label> <input type="radio" />男 </label> <label> <input type="radio" />女 </label> <label> <input type="radio" />其他 </label> </div> </div> <div> <label>简介：</label> <textarea></textarea> </div> <div> <label> 上传图片： </label> <div > <input type="file" /> </div> </div> <div> <br /><br /> <input type="submit" value="提交" /> </div> </form> </div> </div>
3.Js：
$(function () { /* * 特别说明： * 1.对于select标签，必须都指定value属性，没有可以指定空字符串 * 2.对于checkbox和radio验证失败消息，显示在第一个按钮附近 */ //自定义错误显示位置 $('.demoform').validationEngine({ promptPosition: 'bottomRight', addPromptClass: 'formError-white' }); });
显示结果：
三、Ajax后台验证实例：
1.后台定义：
public JsonResult Exists(string fieldId, string fieldValue) { if (fieldValue.Length > 3) return Json(new object[] { fieldId, true}); return Json(new object[] { fieldId,false }); } public JsonResult GetInfoByCode(string fieldId, string fieldValue) { if (fieldValue.Length > 3) return Json(new object[] { fieldId, true, "张三丰" }); return Json(new object[] { fieldId, false, "验证失败" }); } public JsonResult GetByName(string fieldId, string fieldValue) { if (fieldValue.Length > 3) return Json(new object[] { fieldId, true, "后台验证成功", new {, age=20 } }); return Json(new object[] { fieldId, false, "验证失败,来自后台的消息" }); }
2.ajax验证方法扩展：
3.HTML定义：
<div> <div> <div>Ajax后台验证</div> </div> <div> <form role="form" action="#"> <div> <label>昵称：</label> <input /> </div> <div> <label>编号：</label> <input value="12" /> </div> <div> <label>编号：</label> <input value="12" /> </div> <div> <input type="submit" value="提交" /> </div> </form> </div> </div>
4.JS