（一）Validate
- （1）基础用法
- （2）基本表单校验

（一）Validate

（1）基础用法

Validate定义
- Validate是基于jQuery的轻量级插件
- 用于表单的校验
使用方式
- 首先需要导入.js包
- <script src="../js/jquery.validate.js"></script>
- 使用方法：$(“选择器”).validate({code})
- 内部使用字段名（标签的name属性）：”属性值”的方式
  - rules：表示元素输入应该遵循的规则
  - messages：表示输入错误时的提示信息

        <script type="text/javascript">$(function(){$("#formId").validate({rules:{username:"required",password:{required:true,digits:true},repassword:{equalTo:"[name='password']"}},messages:{username:"用户名不能为空"  ,password:{required:"密码不能为空",digits:"密码只能是数字"}}});});</script>

（2）基本表单校验

容易忽视的：rules中的校验元素之间需要使用逗号分割，不然会报错或者失效

    <script>$(function(){$("#formid").validate({rules:{username:{required:true,rangelength:[5,10]},password:{required:true,rangelength:[4,6]},repassword:{equalTo:"#password"}},messages:{username:{required:"用户名不能为空",rangelength:"长度应该为{0}~{1}"},password:{required:"密码不能为空",rangelength:"长度应该为{0}~{1}"}}});});</script>

前端基础(5)：Validate相关推荐

❤️《Vue前端基础框架集合从入门到高级》（小白也可学，建议收藏）❤️
<Vue前端基础框架集合从入门到高级>,小白也可学文章目录 <Vue前端基础框架集合从入门到高级>,小白也可学 ❤️一.前端核心分析 ❤️1.1.概述 ❤️1.2.前端三要素 ...
前端基础面试题(JS部分)
1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined.Null.Boolean.Number.String 值类型:数值.布尔值.null.und ...
html表格联动,html前端基础：table和select操作
html前端基础:table和select操作发布时间:2020-05-13 09:58:10 来源:亿速云阅读:196 作者:Leah 这篇文章主要为大家详细介绍html前端基础中有关table ...
element ui 图片控件排序_JAVA全栈面试前端基础之四 Vue+Element框架快速开发
本文主要包括以下4个内容什么是ElementUI Vue 中引入ElementUI Vue+elementUI构建后台管理系统开源项目推荐 1.什么是ElementUI 官网:https://el ...
boost log 能不能循环覆盖_前端基础进阶（十四）：深入核心，详解事件循环机制...
Event Loop JavaScript的学习零散而庞杂,很多时候我们学到了一些东西,但是却没办法感受到进步!甚至过了不久,就把学到的东西给忘了.为了解决自己的这个困扰,在学习的过程中,我一直在试图 ...
gif透明背景动画_前端基础系列之bmp、jpg、png、gif、svg常用图片格式浅谈（二）...
IT客栈作者:大腰子 bmp.jpg.png.gif.svg常用图片格式之前为大家介绍了几种WEB前端常用的图片格式,对比了它们的特点,参见<前端基础系列之bmp.jpg.png.gif.s ...
前端基础知识整理汇总（中）
前端基础知识整理汇总(中) Call, bind, apply实现 // call Function.prototype.myCall = function (context) {context = ...
前端基础知识整理汇总（上）
前端基础知识整理汇总(上) HTML页面的生命周期 HTML页面的生命周期有以下三个重要事件: 1.DOMContentLoaded -- 浏览器已经完全加载了 HTML,DOM 树已经构建完毕,但是 ...
jquery function_前端基础进阶（十三）详细图解jQuery扩展jQuery插件
UI 鉴赏早几年学习前端,大家都非常热衷于研究jQuery源码. 我至今还记得当初从jQuery源码中学到一星半点应用技巧的时候常会有一种发自内心的惊叹,"原来JavaScript居然可以 ...

前端基础(5)：Validate

（一）Validate

（1）基础用法

（2）基本表单校验

前端基础(5)：Validate相关推荐

最新文章

热门文章