文档介绍：用法 用法名称返回类型描述 validate(options) 返回:Validator 验证所选的 FORM valid() 返回:Boolean 检查是否验证通过 rules() 返回:Options 返回元素的验证规则 rules(add,rules) 返回:Options 增加验证规则 rules(remove,rules) 是一个基于 jquery 的非常优秀的验证框架,我们可以通过它迅速验证一些常见的输入, 并且可以自己扩充自己的验证方法,而且对国际化也有非常好的支持。 官方网址: -plugins/jquery-plugin-validati on/ 使用用法: 1、首先下载 s和 s 并引入js 文件( 注意: jquery 必须在 之前被引入,否则会报错) <script type="text/javascript" src=""></script> <script type="text/javascript" src=""></script> 2、编写需要验证的表单代码及编写验证代码( 编写验证代码有两种方式,首先使用普通方式) var validator = $("formId").validate({// #formId 为需要进行验证的表单 ID errorElement :"div",// 使用"div" 标签标记错误, 默认:"label" wrapper:"li",// 使用"li" 标签再把上边的 errorELement 包起来 errorClass :"validate-error",// 错误提示的 css 类名"error" onsubmit:true,// 是否在提交是验证, 默认:true onfocusout:true,// 是否在获取焦点时验证, 默认:true onkeyup :true,// 是否在敲击键盘时验证, 默认:true onclick:false,// 是否在鼠标点击时验证(一般验证 checkbox,radiobox ) focusCleanup:false,// 当未通过验证的元素获得焦点时, 并移除错误提示 rules: { loginName: {// 需要进行验证的输入框 name required: true// 验证条件:必填}, loginPassword: {// 需要进行验证的输入框 name required: true,// 验证条件:必填 minlength: 5// 验证条件:最小长度为 5 }, email: {// 需要进行验证的输入框 name required: true,// 验证条件:必填 email: true// 验证条件:格式为 email } }, messages: { loginName: { required: " 用户名不允许为空!"// 验证未通过的消息}, loginPassword: { required: " 密码不允许为空!", minlength: (" 密码至少输入{0} 字符!") }, email: { required: "email 不允许为空", email: " 邮件地址格式错误!" }}2、使用 meta String 方式进行验证, 即验证内容与写入 class 中(注意 meta String 方式需要引入 文件) <script type="text/javascript" src=""></script> <script type="text/javascript" src=""></script> <script type="text/javascript" src=""></script> <form id="validate" action="admin/transfer!" method="post"> <input type="text" class="required" name="" /> <input type="text" class="email" name="" /> <input type="submit"