当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery Validation让验证变得如此容易(二)

jQuery Validation让验证变得如此容易(二)

2017年12月21日  | 移动技术网IT编程  | 我要评论
上一个例子我们是统一引用jquery.validate.js这样所有必填字段的提示信息都将是This field is required.

现在要改成动态提示，比如姓名如果为空则提示姓名不能为空，密码如果为空则提示密码不能为空。


这次我们将校验规则写在代码里

首先还是先引入文件

<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: "密码不能为空!"
            }
        }
    });
})

运行效果



您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网