使用jquery-validationEngine框架,4步实现前端JS校验
来源:互联网 发布:mac截图后存在哪了 编辑:程序博客网 时间:2024/06/08 01:32
第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/
1 1
- 使用jquery-validationEngine框架,4步实现前端JS校验
- jquery前端校验框架validate使用笔记
- jQuery.validationEngine.js学习
- jQuery.validationEngine.js学习
- Jquery validationEngine(jquery.validationEngine)
- 【jQuery】普通正则表达式校验和validationEngine校验
- jquery验证插件jquery.validationEngine.js
- jquery.validationEngine
- 使用datepicker结合jquery.validationEngine验证框架,失焦提示框有关问题
- GBin1教程:使用jQuery插件jquery.validationEngine实现表单验证功能
- 前端JQuery+Ajax校验
- [jQuery Validate]前端校验
- 使用jQuery的formValidator框架对表单数据实现前台校验
- jquery.validationEngine+ajax验证
- jquery.validationEngine Ajax
- jQuery validationEngine自定义提醒
- jquery validationengine验证
- jquery.validationEngine表单验证
- JAVA基础知识
- ISAP算法
- ecmall模板编辑中的标题如何自定义读取
- RFID理论基础知识要点
- 不用算术运算符实现两个数的加法操作
- 使用jquery-validationEngine框架,4步实现前端JS校验
- HDU 1285 确定比赛名次(拓扑排序)
- 第十一章 Linux包过滤防火墙-netfilter--基于Linux3.10
- android ContextProvider
- Android requires compiler compliance level 5.0 or 6.0. Found '1.7' instead. Please use Android Tools
- php——ajax技术
- 【Java并发编程】之二:线程中断(含代码)
- CentOS网络唤醒设置说明
- 背景差法(background subtraction)计算前景图