jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。更重要的是他是由jQuery 团队、 jQuery UI 团队的主要开发人员Jörn Zaefferer 编写和维护的。具体我们可以访问 jQuery Validate 官网，下载最新版的 jQuery Validate 插件。
需要引入以下JS文件
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.validate.min.js"></script>
<script type="text/javascript" src="validate-methods.js"></script>
<script type="text/javascript" src="messages_zh.min.js"></script>
validate-methods.js 为扩展的验证规则
messages_zh.js 为验证提示文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单验证</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.validate.min.js"></script>
<script type="text/javascript" src="validate-methods.js"></script>
<script type="text/javascript" src="messages_zh.min.js"></script>
</head>
<body>
<form action="" method="" class="" id="demo">
<div class="">
<label>帐号：</label>
<div>
<input name="username" type="text"placeholder="请填写由数字、26个英文字母或者下划线组成的帐号!">
</div>
</div>
<div>
<label>手机号码：</label>
<div>
<input name="tel" type="text"placeholder="请输入手机号码">
</div>
</div>
<div>
<label>邮箱：</label>
<div>
<input name="email" type="email"placeholder="请输入邮箱">
</div>
</div>
<div>
<label>必填字段：</label>
<div>
<input name="bt" type="text"placeholder="这是必填字段">
</div>
</div>
<div>
<label>输入密码：</label>
<div>
<input name="password" type="password"placeholder="请输入密码">
</div>
</div>
<div>
<label>请再次输入密码：</label>
<div>
<input name="password" type="password"placeholder="请再次输入密码">
</div>
</div>
<div>
