要自定义 jQuery Validate 的错误提示信息,您需要遵循以下步骤:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script>
<form id="myForm">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
<br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email" required>
<br>
<input type="submit" value="提交">
</form>
validate()
方法初始化验证规则。要自定义错误提示信息,您需要设置 rules
和 messages
选项。例如:$(document).ready(function() {
$("#myForm").validate({
rules: {
username: {
required: true,
minlength: 5
},
email: {
required: true,
email: true
}
},
messages: {
username: {
required: "请输入用户名",
minlength: "用户名至少需要5个字符"
},
email: {
required: "请输入邮箱地址",
email: "请输入有效的邮箱地址"
}
}
});
});
在上面的示例中,我们为 username
和 email
输入字段定义了验证规则(如 required
和 minlength
),并为每个规则设置了自定义的错误提示信息。当用户提交表单时,将显示这些自定义的错误提示信息。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
相关推荐:jquery.validationEngine自定义验证的使用方法