首页 > Web开发 > 详细

JS验证控件jQuery Validate

时间：2017-06-14 22:28:23 阅读：274 评论：0 收藏：0 [点我收藏+]

标签：客户端 order 包括自定义 log require ble net login

jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。

实现步骤如下:

step1:在body标签中增加一个表单标签

<form id="login_form" action="login.action" method="post">
<table cellpadding="0" cellspacing="0" border="0" class="form_table">
<tr>
<td valign="middle" align="right">
Email:
</td>
<td valign="middle" align="left">
<input type="text" class="inputgri" name="email" />
<span style="color: red">${msg}</span>
</td>
</tr>
<tr>
<td valign="middle" align="right">
密码:
</td>
<td valign="middle" align="left">
<input type="password" class="inputgri" name="password" />
</td>
</tr>
</table>
<p>
<input type="submit" class="button" value="登录 ?" />
<a href="register.jsp">没有注册</a>
</p>
</form>

step2:导入Validate 插件js文件

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/messages_cn.js"></script>

step3:写js代码

<script>
$(document).ready(function(){
$("#login_form").validate({
rules: {
email: {required: true, email: true },
password:{required:true,minlength:6,maxlength:16},
},
messages: {
email: {required:"需要输入电子邮箱", email:"电子邮箱格式不正确"},
password: {required:"需要输入密码",minlength:"密码长度在6-16个字符之间", maxlength:"密码长度在6-16个字符之间"},
}
});
});
</script>

参考链接:http://www.w3cschool.cc/jquery/jquery-plugin-validate.html

点击下载源码

JS验证控件jQuery Validate

标签：客户端 order 包括自定义 log require ble net login

原文地址：http://www.cnblogs.com/zhangyubao/p/7011069.html

踩

(0)

赞

(0)

举报

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行

更多

友情链接

兰亭集智国之画百度统计站长统计阿里云 chrome插件新版天听网

关于我们 - 联系我们 - 留言反馈

© 2014 mamicode.com 版权所有联系我们:gaon5@hotmail.com

迷上了代码！