你想要 jquery.validate.js
版本 1.8.1 的使用示例,对吗?我可以帮你写一个简单的示例,演示如何用这个版本的 jQuery Validate 插件进行表单验证。
1. 准备工作
- 引入 jQuery 1.x(如 1.4.4 以上版本)
- 引入
jquery.validate.js
1.8.1
<script src="https://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.8.1/jquery.validate.min.js"></script>
(备注:因为版本比较老,线上CDN可能没直接存这个版本,建议你本地引入,或者从官方仓库下载。)
2. HTML 表单示例
<form id="myform">
<label for="username">用户名:</label>
<input type="text" name="username" id="username" />
<br />
<label for="email">邮箱:</label>
<input type="text" name="email" id="email" />
<br />
<label for="password">密码:</label>
<input type="password" name="password" id="password" />
<br />
<input type="submit" value="提交" />
</form>
3. jQuery Validate 初始化代码
$(document).ready(function() {
$("#myform").validate({
rules: {
username: {
required: true,
minlength: 3
},
email: {
required: true,
email: true
},
password: {
required: true,
minlength: 6
}
},
messages: {
username: {
required: "请输入用户名",
minlength: "用户名至少3个字符"
},
email: {
required: "请输入邮箱地址",
email: "请输入有效的邮箱"
},
password: {
required: "请输入密码",
minlength: "密码至少6个字符"
}
},
submitHandler: function(form) {
alert("验证通过,提交表单!");
form.submit();
}
});
});
4. 说明
rules
定义了每个字段的验证规则。messages
是自定义的错误提示。submitHandler
会在验证通过时执行。
发表回复