码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-05-07 21:44:30      阅读:349      评论:0      收藏:0      [点我收藏+]

标签:jquery   validate   

上一个例子我们是统一引用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: "密码不能为空!"
            }
        }
    });
})

运行效果
bubuko.com,布布扣



jQuery Validation让验证变得如此容易(二),布布扣,bubuko.com

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

标签:jquery   validate   

原文地址:http://blog.csdn.net/itmyhome1990/article/details/25064027

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!