jquery.validate.messages-cn.js 是 jQuery Validate 插件的中文提示信息文件,主要用于将表单验证插件的提示信息本地化为中文。
以下是一个常见的 jquery.validate.messages-cn.js 内容示例(适用于 jQuery Validate 1.8.1 及以上版本):
/*
* Translated default messages for the jQuery validation plugin.
* Locale: ZH (Chinese, 中文, 汉语)
*/
(function ($) {
$.extend($.validator.messages, {
required: "这是必填字段。",
remote: "请修正此字段。",
email: "请输入有效的电子邮件地址。",
url: "请输入有效的网址。",
date: "请输入有效的日期。",
dateISO: "请输入有效的日期 (ISO)。",
number: "请输入有效的数字。",
digits: "只能输入数字。",
creditcard: "请输入有效的信用卡号码。",
equalTo: "你的输入不相同。",
maxlength: $.validator.format("最多可以输入 {0} 个字符。"),
minlength: $.validator.format("最少要输入 {0} 个字符。"),
rangelength: $.validator.format("请输入长度在 {0} 到 {1} 之间的字符串。"),
range: $.validator.format("请输入范围在 {0} 到 {1} 之间的数值。"),
max: $.validator.format("请输入不大于 {0} 的数值。"),
min: $.validator.format("请输入不小于 {0} 的数值。")
});
}(jQuery));
使用方法
- 在页面中先引入 jQuery
- 引入 jquery.validate.js
- 引入 jquery.validate.messages-cn.js
- 在调用
.validate()
时,验证提示即显示中文
示例:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="jquery.validate.js"></script>
<script src="jquery.validate.messages-cn.js"></script>
<script>
$(function() {
$("#myForm").validate({
rules: {
username: {
required: true,
minlength: 2
},
email: {
required: true,
email: true
}
}
});
});
</script>
如果需要,我可以帮你生成最新版本的中文版提示文件,或者帮你结合具体表单写完整验证示例,随时告诉我!
发表回复