使用jquery-validationEngine框架，4步实现前端JS校验
浏览数：70 /
时间：2015年06月09日
第1步：
引入CSS和JS
<script type="text/javascript"
引入CSS和JS
<script type="text/javascript"
src="${base}/static/js/frontbackend.js?fv=${fv}"></script>
<script src="${static}/framework/validationEngine/jquery.validationEngine-zh_CN.js" type="text/javascript"></script>
<script src="${static}/framework/validationEngine/jquery.validationEngine.js" type="text/javascript"></script>
第2步：
定义form
<form id="addForm" class="validationEngine">
<input type="text" name="card" id="card"
第2步：
定义form
<form id="addForm" class="validationEngine">
<input type="text" name="card" id="card"
class="i-inp validate[required,custom[bankCard]]" />
</form>
form有id和class至少2个属性。
input输入框有validate校验样式。
第3步：
页面加载完毕之后，启动配置。
$(function(){
</form>
form有id和class至少2个属性。
input输入框有validate校验样式。
第3步：
页面加载完毕之后，启动配置。
$(function(){
//验证
$(".validationEngine").each(function() {
$(this).validationEngine(‘attach‘, {
promptPosition : ‘centerRight‘,
scroll : false
});
});
});
有了上面的代码，鼠标离开输入框后，就会验证。
第4步：
提交之前，验证。
var pass=$("#addForm").validationEngine(‘validate‘);
有了上面的代码，鼠标离开输入框后，就会验证。
第4步：
提交之前，验证。
var pass=$("#addForm").validationEngine(‘validate‘);
if(!pass){
return;
}
总结：网上关于validationEngine的参考资料很多，但大部分不怎么的，最简单实用的其中1个是下面写的。
最困扰我的是，第3步。
鼠标离开输入框后，自动验证，给出提示。
更多用法，再说吧。
参考资料：http://code.ciaoca.com/jquery/validation_engine/
总结：网上关于validationEngine的参考资料很多，但大部分不怎么的，最简单实用的其中1个是下面写的。
最困扰我的是，第3步。
鼠标离开输入框后，自动验证，给出提示。
更多用法，再说吧。
参考资料：http://code.ciaoca.com/jquery/validation_engine/
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
