文件名称:表单验证框架使用及说明
文件大小:122KB
文件格式:RAR
更新时间:2017-07-01 08:56:54
表单验证
需验证页面引入jquery和插件js、css
...
初始化插件
1 $(document).ready(function() {
2 $("#formID").validationEngine()
3 })
或者带相关属性:
$(document).ready(function() {
$("#formID").validationEngine({
validationEventTriggers:"blur",
//触发的事件 validationEventTriggers:"keyup blur",
inlineValidation: true,//是否即时验证,false为提交表单时验证,默认true
success : false,//为true时即使有不符合的也提交表单,false表示只有全部通过验证了才能提交表单,默认false
promptPosition: "topRight",
//提示所在的位置,topLeft, topRight, bottomLeft, centerRight, bottomRight
//failure : function() { alert("验证失败,请检查。"); }
//验证失败时调用的函数
//success : function() { callSuccessFunction() },
//验证通过时调用的函数
});
});
验证规则是写在表单元素的class属性内。公司页面标签写法比如下面:
注意必须有:styleClass,styleId
【文件预览】:
表单验证框架使用说明
----效果图展示()
--------2.jpg(12KB)
--------1.jpg(24KB)
--------3.jpg(14KB)
--------4.png(35KB)
----源文件()
--------css()
--------index.html(10KB)
--------js()
----框架表单验证使用说明.doc(42KB)