首页 > 代码库 > 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(二)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。