jQuery Validate input是动态变化的

最新推荐文章于 2022-05-05 12:42:44 发布

转载最新推荐文章于 2022-05-05 12:42:44 发布 · 180 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/beginner2014/p/4244519.html

文章标签：

#javascript #ViewUI

本文介绍如何在表单验证中使用class属性进行动态验证，并提供了自定义错误信息的方法，通过修改messages内容实现更友好的用户体验。

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

表单验证

$("#dataList").append("<div id='data"+dataNum+"' style='padding-top:3px;font-size:14px'>数据"+dataNum+":X=<input type='text' name='dataX"+dataNum+"' size='30' class='required number' /> Y=<input type='text' name='dataY"+dataNum+"' size='30' class='required number' />  <br/><span></span></div>  ");

当input是动态变化时，可以使用class='required'之类的方式，但是messages还是英文的，若想更改messages的内容，可在 js 代码中加入：

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

　　推荐做法，将此文件放入 messages_cn.js 中，在页面中引入：

<script src="../js/messages_cn.js" type="text/javascript"></script>

　　这样就可以在messages_cn.js中随意更改成自己想要的错误信息了

转载于:https://www.cnblogs.com/beginner2014/p/4244519.html