validationEngine中文版使用教程.docVIP

validationEngine中文版 — jquery强大的表单验证插件 中文汉化版，官方只有英文的。同时根据中国国情修改了部分验证规则。 这个插件支持大部分的浏览器，但由于有使用到了css3的阴影和圆角样式，所以在IE浏览器下无法看到圆角和阴影效果（万恶的IE）。 官方下载地址：/articles/jquery-form-validator-because-form-validation-is-a-mess/ 普通验证的例子：/creation/formValidator/ ajax验证的例子：/creation/formValidator/demoSubmit.html ? 一：简单说明下使用教程： 引入jquery和插件js、css link rel=stylesheet href=css/validationEngine.jquery.css type=text/css media=screen charset=utf-8 /? script?src=js/jquery.js type=text/javascript/script? script?src=js/jquery.validationEngine-en.js type=text/javascript/script? script?src=js/jquery.validationEngine.js type=text/javascript/script jquery.validationEngine-en.js是语言文件，所有的提示都在这个文件找的到，可以很方便的转成其他语言，同时你也可以在这个文件内定制属于自己的验证规则。 初始化插件 $(document).ready(function() {? $(#formID).validationEngine()? }) 验证规则是写在表单元素的class属性内。比如下面： input value= class=validate[required,custom[noSpecialCaracters],length[0,20],ajax[ajaxUser]] type=text name=user id=user / 验证规则非常多样，基本上包含了所有的数据类型的验证。所有的验证规则写在validate[]内，有多种验证，用逗号隔开，这里简要说明下常用的验证规则。 required：值不可以为空 length[0,100] ：文字允许长度 confirm[fieldID] ：匹配其他的表单元素的值，fieldID就是其他表单元素的id，这个主要用于再次确认密码 telephone ：数据格式要求符合电话格式 email ： 数据格式要求符合email 格式 onlyNumber ：只允许输入数字 noSpecialCaracters ：不允许出现特殊字符 onlyLetter ： 只能是字母 date ：必须符合日期格式YYYY-MM-DD 你还可以在点击提交按钮后才触发验证。 $(#formID).validationEngine({? inlineValidation: false, success :? false, failure : function()?{ callFailFunction()? }? }) 默认的是在鼠标失去焦点后才开始验证，也就是绑定的是blur事件，那如何改变呢？看下面的配置。 $(#formID).validationEngine({? validationEventTriggers:keyup blur,? //will validate on keyup and blur?? success :? false, failure : function()?{ callFailFunction()? }? }) validationEventTriggers属性就是修改绑定事件，上面是增加了个keyup，也就是键盘按键起来就触发验证。 修改提示层的位置 $(#formID).validationEngine({? promptPosition: topRight, // OPENNING BOX POSITION, IMPLEMENTED: topLeft, topRight, bottomLeft,? centerRight, bottomRight success :? false, failure : function()?{? }) promptPosition就是控制位置，有5种模式：topLeft, topRight, bottomLeft, centerRight, bottomRight ajax验证模式 $(#formID).valida