前言:之前写web项目还自己写表单验证,想想真是太天真了。jquery validate 前端验证框架,真TM 有种相见恨晚的感觉,而且是,这种开源的东西,用了以后,之后的学习成本会慢慢降低。瞬间感觉找到了组织,有木有!作为一名程序员,还是要关注开源,奉献开源。
首先:官方现在版本是1.30.0 版本;官方地址为:
http://jqueryvalidation.org/ 国内环境,大家都懂,速度巨慢。
再给个地址:
http://www.w3cschool.cc/jquery/jquery-plugin-validate.html
但这个版本可能有点滞后,作为参考吧。
下面就给个小例子:
<style>
<!--
/*jquery validate 前端验证提示信息的字体颜色.*/
label.error{margin-left: 10px; color: red;}
-->
</style>
<form method="post" id="pwdUpdate">
<input id="password" type="password" name="password"
data-rule-required="true" data-rule-minlength="6" >
<input type="password" name="password-cfm" data-rule-required="true"
data-rule-minlength="6" data-rule-equalTo="#password">
<button type="button" id="btnSave">保存</button>
</form>
<script src="/assets/js/jquery1.11.1-rc2.min.js"></script>
<!-- 引入 jquery validate 相关js -->
<script src="/assets/js/jquery.validate.min.js"></script>
<script src="/assets/js/messages_zh.min.js"></script>
<script type="text/javascript">
$(function() {
var form = $("#pwdUpdate");
form.validate();//验证指定的表单
$("#btnSave").click(function() {
if (form.valid()) {//如果表单验证成功,则进行提交。
//doSubmit();//提交表单.
} else {
// alert("失败");
}
});
});
</script>
文档:
http://jqueryvalidation.org/documentation/
问题:
1、页面有多个表单,让其进入验证状态。
/* 将所有指定的表单处在验证状态。 */
$.each($(".modal form"), function(i) {
/* alert("表单序号:" + i); */
$(this).validate();//验证表单.
});
分享到:
相关推荐
jquery.validate_ValidationjQuery表单验证框架
jquery-validate 可对前端form进行表单校验,文档里详细介绍了如何使用jquery-validate框架和如何扩展验证方法。
jquery.validate Validation .js验证框架 帮助 手册 文档.doc (一)、可选项( options ) 1 (二)插件方法 (jQuery validation) 6 (三、四)选择器及实用工具 (jQuery validation) 7 四、实用工具(Utilities) 8 ...
完整的web开发框架,开发环境需要的jdk和eclipse需要自己搭建,框架包含简单的例子,可查询数据和增加数据。
jquery.validate是jquery旗下的一个验证框架,借助jquery的优势,我们可以迅速验证一些常见的输入,还可以自己扩充自己的验证方法,并且对国际化也有很好的支 JQuery.validate.js 在表单验证中经常使用,初学,对于...
之前的文章中我们已经搭建好框架,并且设计好了,数据库。 现在我们开始实现登录功能,这个可以说是Web应用最最...首先前端验证,这里使用了jquery.validate来进行验证,jquery.validate的使用很简单,这里我们说说存js
后端使用Asp.net mvc5,前端框架有:jquery.validate、jquery.validate.unobtrusive、requirejs、Bootstrap,都是当前最/较新版本。jquery.validate就不用说了,目前比较流行的前端校验组件;jquery.validate....
表单校验是页面开发中非常常见的一类需求,相信每个前端开发人员都有这方面的经验。...后来我找到了jquery.validate,我发现这个框架还挺好的,因为它只提供校验机制,但是不提供特定校验的交互,有比较多的自定义
1.2.5 集成现今主流流行的前端开发框架(Bootstrap、Less、AngularJs、jQuery、Modernizr、jQuery.validate、jQuery.form、jQuery.blockUI、json2等) 1.2.6 提供一个基础架构实现IOC(依赖注入,主要采用Castle ...
项目简介 餐饮工业化管理系统是针对食品生产行业设计的一...客户端验证:JQuery-html5Validate 数据表格:jqGrid 树结构控件:jQuery zTree 日期控件: LayDate 图表控件:echarts 界面优美,操作完善。毕业设计级源码
【B1】Spring+SpringMVC+Ehcache+Shiro+BootStrap企业级开发平台源码下载... 客户端验证:JQuery-html5Validate 富文本:KindEcitor 数据表格:jqGrid 树结构控件:jQuery zTree 弹出层:Layer 日期控件: LayDate
JS框架:jQuery、CSS框架:Twitter Bootstrap、客户端验证:JQuery-html5Validate 富文本:KindEcitor、数据表格:jqGrid、树结构控件:jQuery zTree 弹出层:Layer、日期控件: LayDate、图表控件:echarts
7.2 验证插件validate /198 7.3 表单插件form /202 7.4 Cookie插件cookie /205 7.5 搜索插件AutoComplete /209 7.6 图片灯箱插件notesforlightbox /213 7.7 右键菜单插件contextmenu /216 7.8 图片放大镜插件...
表单验证使用jQuery validate插件等等。 系统部署: 方式一: 使用mysql数据库,先建立一个空数据库base,最好编码使用utf-8字符集,不然会乱码。 把application.properties中的数据库连接信息修改成自己数据库的...
(2)前台使用的是jQuery框架,同时使用validate校验框架,这样就可以减少前端代码的输入量,而且基于jQuery框架的validate框架使用简单,是流行前端使用框架。 (3)数据库使用流行mysql进行数据的存储,开源的...
表单验证使用jQuery validate插件等等。 5、系统部署: 1)使用mysql数据库,先建立一个空数据库base,最好编码使用utf-8或者utf-8mb4字符集,不然会乱码。 2)把application.properties中的数据库连接信息修改成...
1、支持javascript端和后端的双重验证 (前端目前依赖于jquery.validate.js,也可以自已扩展) 2、代码简洁 3、调用方便 4、功能齐全 使用方法: 新建初始化类,将所有需要验证的在该类进行初始化,语法相当简洁并且...
前端使用bootstrap css 框架开发 javascript 脚本 jquery 插件 jquery.validate 表单验证插件layer 弹出窗插件,主要应用于上传文件 该系统分为用户端和管理员端,其中用户端具有的功能为:预定客房、解除预定、登记...