jQuery Validation让验证变得如此容易(二)详解编程语言

上一个例子我们是统一引用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片段

<form action="" id="jvForm"> 
	姓名:<input type="text" name="username" id="username" /></br> 
	密码:<input type="password" name="password" id="password" /></br> 
	<input type="submit" value="提交" /> 
</form>

和之前的相比没有了class=”required”

最后 校验规则如下：

$(function() { 
    $("#jvForm").validate({ 
        rules: { 
            username: { 
                required: true 
            }, 
            password: { 
                required: true 
            } 
        }, 
        messages: { 
            username: { 
                required: "姓名不能为空!" 
            }, 
            password: { 
                required: "密码不能为空!" 
            } 
        } 
    }); 
})