jquery表单验证插件validation使用方法详解

更新时间：2017年01月20日 09:58:43 作者：BaldWinf

这篇文章主要为大家详细介绍了jquery表单验证插件validation使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

一、如何使用

引入js文件

<script src="jquery.js"></script>
<script src="jquery.validate-1.13.1.js"></script>

编写html页面，这里仅以用户名、密码为例

<body>
 <form id="demoForm">
  <fieldset>
   <legend>用户登录</legend>
   <p>
    <label for="username">用户名</label>
    <input type="text" id="username" name="username">
   </p>
   <p>
    <label for="password">密码</label>
    <input type="text" id="password" name="password">
   </p>
  </fieldset>
 </form>
</body>

编写script脚

$(document).ready(function(){
 $("#demoForm").validate({
  rules:{
   username:{
    required:true,// 是否必填
    minlength:2, // 最小长度
    maxlength:10 // 最大长度
   },
   password:{
    required:true,
    minlength:2,
    maxlength:16
   }
  }
 });
});

二、测试

如果大家还想深入学习，可以点击两个精彩的专题：jquery表单验证大全 JavaScript表单验证大全

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

解析jquery中的ajax缓存问题
现在我要在浏览器里读取缓存，因为ajax请求的数据很大，请求一次就够了。但是问题来了，在FF里面，是没有ajax缓存的，也就是每次都会触发ajax请求，这点和IE不一样
2013-12-12
jQuery焦点图轮播特效代码分享（3款）
这篇文章主要介绍了jQuery焦点图轮播特效，jQuery cxSlide实现的三款多功能大气焦点图轮播特效源码，是一段拥有三种不同风格和效果的焦点图轮播代码，还可以使用鼠标的滚轮控制图片的缩放，推荐给大家，有需要的小伙伴可以参考下
2015-09-09
jQuery插件 Jqplot图表实例
文章内容为初次使用Jqplot图表插件的测试代码，仅供参考。
2016-06-06
JQuery中两个ul标签的li互相移动实现方法
这篇文章主要介绍了JQuery中两个ul标签的li互相移动实现方法,可实现ul标签中li标签内容相互替换的技巧,涉及jQuery操作页面元素的相关技巧,需要的朋友可以参考下
2015-05-05
jquery图片预览插件实现方法详解
这篇文章主要为大家详细介绍了jquery图片预览插件的实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-07-07
jquery ajax后台返回list,前台用jquery遍历list的实现
下面小编就为大家带来一篇jquery ajax后台返回list,前台用jquery遍历list的实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-10-10
jQuery如何设置背景颜色
这篇文章主要介绍了jQuery如何设置背景颜色，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-12-12
详解jQuery中基本的动画方法
通过jQuery中基本的动画方法，能够轻松地为网页添加非常精彩的视觉效果，给用户一种全新的体验，本文主要对jQuery中基本的动画方法进行详细介绍，需要的朋友一起来看下吧
2016-12-12
JQuery中节点遍历方法实例
这篇文章主要介绍了JQuery中节点遍历方法,实例分析了jQuery遍历节点的技巧,需要的朋友可以参考下
2015-05-05
为开发者准备的10款最好的jQuery日历插件
这篇文章介绍的是 10 款最棒而且又很有用的 jQuery 日历插件，允许开发者们把这些漂亮的日历插件结合到自己的网站中
2014-02-02