jquery validate 表单验证-优快云博客

本文介绍了使用jQuery Validate插件对表单进行验证和提交的方法，包括必填项、唯一性、数字格式等验证规则，以及如何通过AJAX提交表单并关闭父窗口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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);
		}, "请输入正确数量");