0

0

jQuery中validate插件怎么用

WBOY

WBOY

发布时间:2022-06-09 10:14:53

|

1698人浏览过

|

来源于php中文网

原创

在jQuery中,validate插件用于表单验证,能够验证用户在表单中输入的内容,同时该插件提供了大量的定制选项,包括URL和电子邮件验证,提供了一个用来编写用户自定义方法的API,下载好的插件可以通过“”使用。

jQuery中validate插件怎么用

本教程操作环境:windows10系统、jquery3.4.1版本、Dell G3电脑。

jQuery中validate插件

jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。

默认校验规则如下:

  • 1 required:true 必须输入的字段。

  • 2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值。

  • 3 email:true 必须输入正确格式的电子邮件。

  • 4 url:true 必须输入正确格式的网址。

  • 5 date:true 必须输入正确格式的日期。日期校验 ie6 出错,慎用。

  • 6 dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22。只验证格式,不验证有效性。

  • 7 number:true 必须输入合法的数字(负数,小数)。

  • 8 digits:true 必须输入整数。

  • 9 creditcard: 必须输入合法的信用卡号。

  • 10 equalTo:"#field" 输入值必须和 #field 相同。

  • 11 accept: 输入拥有合法后缀名的字符串(上传文件的后缀)。

  • 12 maxlength:5 输入长度最多是 5 的字符串(汉字算一个字符)。

  • 13 minlength:10 输入长度最小是 10 的字符串(汉字算一个字符)。

    js鼠标滑动图片显示边框特效
    js鼠标滑动图片显示边框特效

    js鼠标滑动图片显示边框特效,可以用在平时的网页设计中,是一款简单的jQuery插件。

    下载
  • 14 rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串(汉字算一个字符)。

  • 15 range:[5,10] 输入值必须介于 5 和 10 之间。

  • 16 max:5 输入值不能大于 5。

  • 17 min:10 输入值不能小于 10。

示例如下:

1 将下载好的form表单插件复制到项目js文件夹里

01.jpg

02.jpg

2 引入到html页面中

03.jpg

要注意的点 :

1 要引入的插件一定务必正确不能错

2 如果要引入jQuery文件库的话 jQuery文件库一定要比插件要先引入 插件是基于jQuery库的

视频教程推荐:jQuery视频教程

相关文章

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
php文件怎么打开
php文件怎么打开

打开php文件步骤:1、选择文本编辑器;2、在选择的文本编辑器中,创建一个新的文件,并将其保存为.php文件;3、在创建的PHP文件中,编写PHP代码;4、要在本地计算机上运行PHP文件,需要设置一个服务器环境;5、安装服务器环境后,需要将PHP文件放入服务器目录中;6、一旦将PHP文件放入服务器目录中,就可以通过浏览器来运行它。

2457

2023.09.01

php怎么取出数组的前几个元素
php怎么取出数组的前几个元素

取出php数组的前几个元素的方法有使用array_slice()函数、使用array_splice()函数、使用循环遍历、使用array_slice()函数和array_values()函数等。本专题为大家提供php数组相关的文章、下载、课程内容,供大家免费下载体验。

1576

2023.10.11

php反序列化失败怎么办
php反序列化失败怎么办

php反序列化失败的解决办法检查序列化数据。检查类定义、检查错误日志、更新PHP版本和应用安全措施等。本专题为大家提供php反序列化相关的文章、下载、课程内容,供大家免费下载体验。

1475

2023.10.11

php怎么连接mssql数据库
php怎么连接mssql数据库

连接方法:1、通过mssql_系列函数;2、通过sqlsrv_系列函数;3、通过odbc方式连接;4、通过PDO方式;5、通过COM方式连接。想了解php怎么连接mssql数据库的详细内容,可以访问下面的文章。

951

2023.10.23

php连接mssql数据库的方法
php连接mssql数据库的方法

php连接mssql数据库的方法有使用PHP的MSSQL扩展、使用PDO等。想了解更多php连接mssql数据库相关内容,可以阅读本专题下面的文章。

1414

2023.10.23

html怎么上传
html怎么上传

html通过使用HTML表单、JavaScript和PHP上传。更多关于html的问题详细请看本专题下面的文章。php中文网欢迎大家前来学习。

1234

2023.11.03

PHP出现乱码怎么解决
PHP出现乱码怎么解决

PHP出现乱码可以通过修改PHP文件头部的字符编码设置、检查PHP文件的编码格式、检查数据库连接设置和检查HTML页面的字符编码设置来解决。更多关于php乱码的问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

1445

2023.11.09

php文件怎么在手机上打开
php文件怎么在手机上打开

php文件在手机上打开需要在手机上搭建一个能够运行php的服务器环境,并将php文件上传到服务器上。再在手机上的浏览器中输入服务器的IP地址或域名,加上php文件的路径,即可打开php文件并查看其内容。更多关于php相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

1305

2023.11.13

php与html混编教程大全
php与html混编教程大全

本专题整合了php和html混编相关教程,阅读专题下面的文章了解更多详细内容。

1

2026.01.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
jQuery 教程
jQuery 教程

共42课时 | 4.1万人学习

HTML+CSS基础与实战
HTML+CSS基础与实战

共132课时 | 9.5万人学习

tp6+adminlte搭建通用后台
tp6+adminlte搭建通用后台

共39课时 | 5.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号