jquery validate 表单验证

<form id="entryform" name="entryform" action="<%=path%>/lab/save" method="post" >
部门名称：<input type="text" name="name" id="name" size="30"
显示顺序:<input type="text" name="ord" id="ord" size="30" value="${lab.ord}"/>
<input type="submit" class="btn" name="" value="保存" />
</form>

<SCRIPT type="text/javascript">                 $(document).ready(function(){      $("#entryform").validate({rules: {name: {required: true,},ord: {required: true,digits: true,}},messages: {name: {required: "请输入名称",},ord: {required: "请输入顺序",digits: "输入错误",}},submitHandler: function(form) {$(form).ajaxSubmit({success:function(recv){window.parent.windows.Close();},});}});});
</SCRIPT>

required: "必选字段",
remote: "请修正该字段",
email: "请输入正确格式的电子邮件",
url: "请输入合法的网址",
date: "请输入合法的日期",
dateISO: "请输入合法的日期 (ISO).",
number: "请输入合法的数字",
digits: "只能输入整数",
creditcard: "请输入合法的信用卡号",
equalTo: "请再次输入相同的值",
accept: "请输入拥有合法后缀名的字符串",
maxlength: jQuery.format("请输入一个长度最多是 {0} 的字符串"),
minlength: jQuery.format("请输入一个长度最少是 {0} 的字符串"),
rangelength: jQuery.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),
range: jQuery.format("请输入一个介于 {0} 和 {1} 之间的值"),
max: jQuery.format("请输入一个最大为 {0} 的值"),

min: jQuery.format("请输入一个最小为 {0} 的值")

jquery validate 自定义验证
$.validator.addMethod("rate", function(value, element){var numbers = /^0{1}\.(?:0[1-9]|[1-9][0-9]?)$/ ;return numbers.test(value);
}, "成品率：请输入0~1中小数,小数位数为两位");
$.validator.addMethod("english", function(value, element){return this.optional(element)|| /^[a-zA-Z]+$/.test(value);
}, "英文名称只能输入英文");
$.validator.addMethod("positiveInt", function(value) {var p = /^[1-9]\d*$/;return p.exec(value) ? true : false;
}, "请输入大于0的整数");
$.validator.addMethod("money", function(value) {var p = /^(([1-9]\d*)|0)(\.[0-9]{1,2})?$/;return p.exec(value) ? true : false;
}, "请输入正确费用");
$.validator.addMethod("contact", function(value) {var p = /(^[0-9]{3,4}\-[0-9]{8}$)|(^[0-9]{8}$)|(^\([0-9]{3,4}\)[0-9]{8}$)|(^0{0,1}1[0-9]{10}$)/;return p.exec(value) ? true : false;
}, "请输入正确的联系方式");
$.validator.addMethod("count", function(value, element) {var reg = /^(0|[1-9]\d*)$/;return reg.test(value);}, "请输入正确数量");

jquery validate 表单验证相关推荐

html中表单的校验的插件,功能强大的jquery.validate表单验证插件
本文实例为大家分享了jquery.validate表单验证的使用方法,供大家参考,具体内容如下 1 .表单验证的准备工作在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助 ...
jQuery Validate 表单验证插件----自定义校验结果样式
一.下载依赖包网盘下载:https://yunpan.cn/cryvgGGAQ3DSW 访问密码 f224 二.引入依赖包 <script src="../../scripts/j ...
jQuery validate 表单验证，涵盖各种类型数据
本来觉得用这个会很难,结果试了试,发现却是简单了不少东西啊,什么getElementById,if 什么的,只用几个属性名什么的就可以解决不同状态显示不同提示,很强大很方便. <%@ page ...
jquery validate表单验证插件
1 表单验证的准备工作在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素 3.鼠标离开后的正确.错误提示及鼠标移入时的帮 ...
jQuery validate表单验证demo
Query Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求. 官方文档 http://jqueryvalidation. ...
jQuery Validate 表单验证插件----在class属性中添加校验规则进行简单的校验
一.下载插件包. 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW 访问密码 f224 二.jQuery表单验证插件----添加class属性形式的校验 <!DOCTY ...
jQuery Validate 表单验证插件----Validate简介，官方文档，官方下载地址
一. jQuery Validate 插件的介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆 ...
jQuery Validate 表单验证插件
一. jQuery Validate 插件的介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑 ...
jQuery Validate表单验证框架详解
jQuery表单验证框架总结 jQuery Validate验证框架详解 jQuery校验官网地址:bassistance.de » jQuery plugin: Validation 一.导入js库 ...
jQuery Validate 表单验证框架
目录一.jQuery Validate 是什么? 二.使用步骤 1.引入js 2.默认校验规则和提示 3.自定义规则和提示一.jQuery Validate 是什么? jQuery Validat ...

jquery validate 表单验证

jquery validate 表单验证相关推荐

最新文章

热门文章