生效

生效是基于框架的一款轻量级验证插件，内置丰富的验证规则，还有灵活的自定义规则接口，HTML，CSS与射流研究…之间的低耦合能让您自由布局和丰富样式，支持输入、选择、文本区域的验证。

效果：

代码：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' meta name=' viewport ' content=' width=device-width，initial-scale=1.0 ' meta http-equiv=' X-UA-Compatible ' content=' ie=edge ' title表单验证插件验证/标题脚本src=' http : js/jquery-1。10 .2 .量滴js /脚本脚本src=' http : js/jquery。验证。量滴js /脚本样式正文{背景色： # 000；}表单{ width : 361 pxmargin : 80px自动；padding: 50pxborder: 2px固体# 666;box-shadow: 0 0 5px rgba(255，255，255，0.2)；背景色： # 999;边框半径： 10px盒子尺寸：边框盒子；} formdiv { margin-bottom : 20px；color: # fff} formdiv标签{ display : inline-block；宽度： 80px文本对齐：中心；}标签。错误{显示：块；宽度： 100%;color: rgb(189，42，42)；font-size : 12px文本对齐：右侧；边距-top : 5px；}输入{ width : 170 px h8 : 20 pxoutline :无；背景色： # DDD；border: 1px固体# dddb order-radius : 4px；} .提交{ width : 170 pxmargin : 30px自动0;} .提交输入{底色： # 0099 aacolor : # fffborder : 0；padd : 5px h8 : 30px }/style/head body form id=' signing form ' action=' method=' post ' div label for=' name '姓名：/标签输入类型=' text ' id=' name ' name=' name '/div标签为='电子邮件'邮箱：/标签输入类型=' email ' id=' email ' name=' email '/div标签为='密码'密码：/标签输入类型=' password ' id=' password ' name=' password '/div标签为=' confirm _ password '确认密码：/标签输入类型=“密码”id=“确认” _ password ' name=' confirm _ password '/div class=' submit '输入类型='submit '值='提交/div/form/body脚本$(function(){ $(' # signingform ')). 验证({规则s : {需要名称： }，email: {需要d: true，email: true }，密码： {需要d : true，最小长度： {需要d : true，最小长度3: 5，等于： '#password' })，消息： {需要名称： '请输入姓名，email: { required: '请输入电子邮件地址，email: '请输入正确的电子邮件地址}，password: { required: '请输入密码，minlength: '密码不能小于5个字符}，confirm _ password : {必需的d : '请输入确认密码，minlength: '确认密码不能小于5个字符，等于： '两次输入的密码不一致' } } });})/脚本/html总结

以上所述是小编给大家介绍的jQuery.validate.js表单验证插件的使用代码详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！