jquery.validate表单验证插件介绍

来源：动视网责编：小OO 时间：2020-11-27 20:07:11

jquery.validate表单验证插件介绍

今天我们来说一下表单验证，有人说在进行表单验证的时候使用正则来验证是非常麻烦的，现在我来给大家介绍一下表单验证的插件：jquery.validate.min.js。它是与jquery一起结合用来使用的，使用它是非常方便，只需写校验规则和错误字段即可。我们常见的校验规则有以下几种。(1)required：true 必输字段。(2)email：true 必须输入正确格式的电子邮件。(3)date：true 必须输入正确格式的日期。(4)dateISO：true 必须输入正确格式的日期(ISO)。(5)digits：true 必须输入整数。(6)equalTo："；#pass"；输入值必须和#pass相同。(7)maxlength：5 输入长度最多是5的字符串。

推荐度：

点击下载本文 文档为doc格式

导读今天我们来说一下表单验证，有人说在进行表单验证的时候使用正则来验证是非常麻烦的，现在我来给大家介绍一下表单验证的插件：jquery.validate.min.js。它是与jquery一起结合用来使用的，使用它是非常方便，只需写校验规则和错误字段即可。我们常见的校验规则有以下几种。(1)required：true 必输字段。(2)email：true 必须输入正确格式的电子邮件。(3)date：true 必须输入正确格式的日期。(4)dateISO：true 必须输入正确格式的日期(ISO)。(5)digits：true 必须输入整数。(6)equalTo："；#pass"；输入值必须和#pass相同。(7)maxlength：5 输入长度最多是5的字符串。

本文主要为大家详细介绍了jquery.validate表单验证插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

今天我们来说一下表单验证，有人说我们在进行表单验证的时候使用正则来验证是非常麻烦的，现在我来给大家介绍一下表单验证的插件：jquery.validate.min.js

它是与jquery一起结合用来使用的，使用它是非常方便，只需写校验规则和错误字段即可。

我们常见的校验规则有以下几种：

(1)required:true 必输字段
(2)email:true 必须输入正确格式的电子邮件
(3)date:true 必须输入正确格式的日期
(4)dateISO:true 必须输入正确格式的日期(ISO)
(5)digits:true 必须输入整数
(6)equalTo:"#pass" 输入值必须和#pass相同
(7)maxlength:5 输入长度最多是5的字符串
(8)minlength:10 输入长度最小是10的字符串
(9)rangelength:[5,10] 输入长度必须介于 5 和 10 之间
(10)range:[5,10] 输入值必须介于 5 和 10 之间
(11)max:5 输入值不能大于5
(12)min:10 输入值不能小于10

然后接着写提示字段就可以了，不过可以不写，因为它有英文的提示字段，下面就来请大家看一下以下代码：

我们在使用插件之前必不可缺的是要引入jquery文件和插件

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

然后就来看一下html代码

<form action="" id="mgForm"> //写表单验证比不缺少的是我们的form标签
 <p> //关于用户名的布局
 <label for="user">username:</label>
 <input type="text" name="username" id="user">
 </p>

 <p>//关于密码的布局
 <label for="pass">password:</label>
 <input type="text" name="password" id="pass">
 </p>
 <p>//重置密码
 <label for="pass1">form-password:</label>
 <input type="text" name="password1" id="pass1">
 </p>
 <p>//年龄
 <label for="age">age:</label>
 <input type="text" name="age" id="age">
 </p>
 <p>//email
 <label for="email">email:</label>
 <input type="text" name="email" id="email">
 </p>
 <input type="submit" value="提交"> //我们在提交数据时提交的按钮应该为submit类型的
</form>

接着再来看一下js代码

今天的表带验证插件你们学会了嘛？

jquery.validate表单验证插件介绍

推荐度：

点击下载本文 文档为doc格式

标签：推荐验证插件

热门焦点

jquery.validate表单验证插件介绍

jquery.validate表单验证插件介绍

jquery.validate表单验证插件介绍

最新推荐

猜你喜欢

热门推荐