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表单验证大全

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

Javascript 相关文章推荐
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
Jan 09 Javascript
JavaScript 继承机制的实现(待续)
May 18 Javascript
JS模拟面向对象全解(一、类型及传递)
Jul 13 Javascript
JavaScript学习笔记之Cookie对象
Jan 22 Javascript
javascript的变量、传值、传址、参数之间关系
Jul 26 Javascript
值得分享的Bootstrap Ace模板实现菜单和Tab页效果
Dec 30 Javascript
vue中v-model动态生成的实例详解
Oct 27 Javascript
微信小程序定位当前城市的方法
Jul 19 Javascript
vue+vue-router转场动画的实例代码
Sep 01 Javascript
详解Vue-axios 设置请求头问题
Dec 06 Javascript
layer页面跳转,获取html子节点元素的值方法
Sep 27 Javascript
彻底搞懂并解决vue-cli4中图片显示的问题实现
Aug 31 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
You might like
php实现memcache缓存示例讲解
2013/12/04 PHP
PHP清除数组中所有字符串两端空格的方法
2014/10/20 PHP
CakePHP框架Model关联对象用法分析
2017/08/04 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
JavaScipt基本教程之前言
2008/01/16 Javascript
Javascript常用字符串判断函数代码分享
2014/12/08 Javascript
jQuery简单tab切换效果实现方法
2015/04/08 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
2016/06/13 Javascript
深入理解AngularJS中的ng-bind-html指令和$sce服务
2016/09/08 Javascript
jQuery实现大图轮播
2017/02/13 Javascript
Angular2 Service实现简单音乐播放器服务
2017/02/24 Javascript
基于BootStrap实现简洁注册界面
2017/07/20 Javascript
解决easyui日期时间框ie的兼容的问题
2018/03/01 Javascript
vue input 输入校验字母数字组合且长度小于30的实现代码
2018/05/16 Javascript
使用Sonarqube扫描Javascript代码的示例
2018/12/26 Javascript
javascript验证form表单数据的案例详解
2019/03/25 Javascript
浅谈vuex为什么不建议在action中修改state
2020/02/02 Javascript
[51:15]2014 DOTA2国际邀请赛中国区预选赛 Orenda VS LGD-GAMING
2014/05/22 DOTA
[40:27]完美世界DOTA2联赛PWL S3 PXG vs GXR 第一场 12.19
2020/12/24 DOTA
使用wxpython实现的一个简单图片浏览器实例
2014/07/10 Python
在windows下Python打印彩色字体的方法
2018/05/15 Python
Python 求数组局部最大值的实例
2019/11/26 Python
Keras设定GPU使用内存大小方式(Tensorflow backend)
2020/05/22 Python
菲律宾旅游网站:Expedia菲律宾
2017/10/11 全球购物
Pretty You London官网:英国拖鞋和睡衣品牌
2019/05/08 全球购物
《夜晚的实验》教学反思
2014/02/19 职场文书
教师党员一句话承诺
2014/03/28 职场文书
大学生学雷锋活动总结
2014/06/26 职场文书
环保志愿者活动总结
2014/06/27 职场文书
乡镇党的群众路线对照检查材料
2014/09/24 职场文书
社会治安综合治理责任书
2015/01/29 职场文书
诚信考试承诺书范文
2015/04/29 职场文书
叶问观后感
2015/06/15 职场文书
2016年教师学习教师法心得体会
2016/01/20 职场文书
再见,2019我们不负使命;你好,2020我们砥砺前行
2020/01/03 职场文书
Python中的matplotlib绘制百分比堆叠柱状图,并为每一个类别设置不同的填充图案
2022/04/20 Python