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缓存问题

    解析jquery中的ajax缓存问题

    现在我要在浏览器里读取缓存,因为ajax请求的数据很大,请求一次就够了。但是问题来了,在FF里面,是没有ajax缓存的,也就是每次都会触发ajax请求,这点和IE不一样
    2013-12-12
  • jQuery焦点图轮播特效代码分享(3款)

    jQuery焦点图轮播特效代码分享(3款)

    这篇文章主要介绍了jQuery焦点图轮播特效,jQuery cxSlide实现的三款多功能大气焦点图轮播特效源码,是一段拥有三种不同风格和效果的焦点图轮播代码,还可以使用鼠标的滚轮控制图片的缩放,推荐给大家,有需要的小伙伴可以参考下
    2015-09-09
  • jQuery插件 Jqplot图表实例

    jQuery插件 Jqplot图表实例

    文章内容为初次使用Jqplot图表插件的测试代码,仅供参考。
    2016-06-06
  • JQuery中两个ul标签的li互相移动实现方法

    JQuery中两个ul标签的li互相移动实现方法

    这篇文章主要介绍了JQuery中两个ul标签的li互相移动实现方法,可实现ul标签中li标签内容相互替换的技巧,涉及jQuery操作页面元素的相关技巧,需要的朋友可以参考下
    2015-05-05
  • jquery图片预览插件实现方法详解

    jquery图片预览插件实现方法详解

    这篇文章主要为大家详细介绍了jquery图片预览插件的实现方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • jquery ajax后台返回list,前台用jquery遍历list的实现

    jquery ajax后台返回list,前台用jquery遍历list的实现

    下面小编就为大家带来一篇jquery ajax后台返回list,前台用jquery遍历list的实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • jQuery如何设置背景颜色

    jQuery如何设置背景颜色

    这篇文章主要介绍了jQuery如何设置背景颜色,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-12-12
  • 详解jQuery中基本的动画方法

    详解jQuery中基本的动画方法

    通过jQuery中基本的动画方法,能够轻松地为网页添加非常精彩的视觉效果,给用户一种全新的体验,本文主要对jQuery中基本的动画方法进行详细介绍,需要的朋友一起来看下吧
    2016-12-12
  • JQuery中节点遍历方法实例

    JQuery中节点遍历方法实例

    这篇文章主要介绍了JQuery中节点遍历方法,实例分析了jQuery遍历节点的技巧,需要的朋友可以参考下
    2015-05-05
  • 为开发者准备的10款最好的jQuery日历插件

    为开发者准备的10款最好的jQuery日历插件

    这篇文章介绍的是 10 款最棒而且又很有用的 jQuery 日历插件,允许开发者们把这些漂亮的日历插件结合到自己的网站中
    2014-02-02

最新评论