编程 Javascript

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

Posted in Javascript onJanuary 20, 2017

一、如何使用

引入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表单验证插件validation使用方法详解

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

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

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

- Author -

BaldWinf

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery select操作控制方法小结

May 26 Javascript

JS按位非(~)运算符与~~运算符的理解分析

Jul 31 Javascript

jQuery父级以及同级元素查找介绍

Sep 04 Javascript

jQuery实现按键盘方向键翻页特效

Mar 18 Javascript

妙用Bootstrap的 popover插件实现校验表单提示功能

Aug 29 Javascript

AngularJS解决ng界面长表达式(ui-set)的方法分析

Nov 07 Javascript

Node Puppeteer图像识别实现百度指数爬虫的示例

Feb 22 Javascript

vue.js2.0 实现better-scroll的滚动效果实例详解

Aug 13 Javascript

2种在vue项目中使用百度地图的简单方法

Sep 28 Javascript

vue权限管理系统的实现代码

Jan 17 Javascript

Vue 同步异步存值取值实现案例

Aug 05 Javascript

html5中sharedWorker实现多页面通信的示例代码

May 07 Javascript

jquery表单插件form使用方法详解

Jan 20 #Javascript

AngularJs上传前预览图片的实例代码

Jan 20 #Javascript

详解JavaScript中this的指向问题

Jan 20 #Javascript

详解微信小程序入门五: wxml文件引用、模版、生命周期

Jan 20 #Javascript

浅谈JavaScript异步编程

Jan 20 #Javascript

JavaScript实现事件的中断传播和行为阻止方法示例

Jan 20 #Javascript

小程序开发实战：实现九宫格界面的导航的代码实现

Jan 19 #Javascript