首页 > 代码库 > jQuery Validation让验证变得如此easy(二)

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

上一个样例我们是统一引用jquery.validate.js这样全部必填字段的提示信息都将是This field is required.

如今要改成动态提示,比方姓名假设为空则提示姓名不能为空,密码假设为空则提示密码不能为空。


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

首先还是先引入文件

<script src=http://www.mamicode.com/"js/jquery-1.8.0.min.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=http://www.mamicode.com/"提交" />>和之前的相比没有了class="required"


最后 校验规则例如以下:

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

执行效果
技术分享



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