jQuery Validation让验证变得如此容易(二)
程序员文章站
2022-05-18 08:29:34
上一个例子我们是统一引用jquery.validate.js这样所有必填字段的提示信息都将是This field is required.现在要改成动态提示,比如姓名如果为空则提示...
上一个例子我们是统一引用jquery.validate.js这样所有必填字段的提示信息都将是This field is required.
这次我们将校验规则写在代码里
接下来,声明下面的HTML片段
运行效果
现在要改成动态提示,比如姓名如果为空则提示姓名不能为空,密码如果为空则提示密码不能为空。
这次我们将校验规则写在代码里
首先还是先引入文件
<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script> <script src="js/jquery.validate.js" type="text/javascript"></script>
接下来,声明下面的HTML片段
姓名:和之前的相比没有了class="required"
密码:
最后 校验规则如下:
$(function() { $("#jvForm").validate({ rules: { username: { required: true }, password: { required: true } }, messages: { username: { required: "姓名不能为空!" }, password: { required: "密码不能为空!" } } }); })
运行效果