1. First add necessary js and css to the project
3. Tags to be verified in (make some common demonstrations)
4. Code in <script></script>
5.效果图：
6. Add modification instructions:
$.formValidator.reloadAutoTip(); //Reload the form validation style
if(!$.formValidator.pageIsValid('1')) return false; //If it does not pass, do not submit
$(document).ready(function () {
$.formValidator.initConfig({ formID: "form1", onError: function () { alert("The verification failed, please see the error message for specific errors") } });
$("# name").formValidator({ onShow: "Please enter your name!", onFocus: "Enter one to ten characters", onCorrect: "The input is correct, thank you for your cooperation!" }).inputValidator({ min: 1, max : 20, onError: "The input length is incorrect!" });
$("#timelong").formValidator({ onShow: "Please enter the roadshow duration!", onFocus: "The input format is a positive integer!", onCorrect: "The input is correct, thank you for your cooperation!" }).regexValidator({ regExp:"intege1",dataType: "enum", onError: "The duration format you entered is incorrect!" });
$( "#address").formValidator({ onShow: "Please enter the name of the roadshow platform!", onFocus: "Enter one to fifty characters", onCorrect: "The input is correct, thank you for your cooperation!" }).inputValidator({ min: 1, max: 50, onError: "The input length is incorrect!" });
$("#urladdress").formValidator({ onShow: "Please enter the roadshow link address!", onFocus: "Input format ：http://www.baidu.com", onCorrect: "The input is correct, thank you for your cooperation! " }).regexValidator({ regExp:"^(http|https|ftp)://([a-zA- Z0-9.-] (:[a-zA-Z0-9.&%$-] )*@)*((25[0-5]|2[0-4][0-9]|[0 -1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]).(25[0-5]|2[0 -4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0 ).(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0- 9]{1}|[1-9]|0).(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2 }|[1-9]{1}[0-9]{1}|[0-9])|localhost|([a-zA-Z0-9-] .)*[a-zA-Z0-9 -] .(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0 -9] )*(/($|[a-zA-Z0-9.,?'\ &%$#=~_-] ))*$", onError: "The input format is incorrect! " });
$("#time").formValidator({ onCorrect: "The format is correct" }).functionValidator({fun:isDateTime, onError: "The input format is wrong!" });
$ ("#txtcontent").formValidator({ onShow: "Please enter the expert's introduction!", onFocus: "Enter one to one hundred characters", onCorrect: "The input is correct, thank you for your cooperation!" }).inputValidator({ min: 1, max: 100, onError: "The input length is incorrect!" });
});
2. Add a reference (required reference) in the code
Copy code The code is as follows:
3. Tags to be verified in (make some common demonstrations)
Copy code The code is as follows:
| 身份证(正则表达式库): | ||
| 身份证(外部函数): | ||
| 整数: | ||
| 正整数: | ||
| 负整数: | ||
| 数字: | ||
| 正数（正整数 + 0）: | ||
| 负数（负整数 + 0）: | ||
| 浮点数: | ||
| 正浮点数: | ||
| 负浮点数: | ||
| 非负浮点数（正浮点数 + 0）: | ||
| 非正浮点数（负浮点数 + 0）: | ||
| 颜色: | ||
| 你的EMAIL: | ||
| 手机: | ||
| 邮编: | ||
| 非空: | ||
| 图片: | ||
| 压缩文件: | ||
| ip4: | ||
| QQ号码: | ||
| 国内电话: | ||
| 用户名: | ||
| 字母: | ||
| 大写字母: | ||
| 小写字母: | ||
| 身份证: |
4. Code in <script></script>
Copy code The code is as follows:
5.效果图：
6.<script>中函数参数说明：</script>
| formValidator: | 用来做初始化的类型，必须先执行。（"√"为showalert可用参数） | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| inputValidator： | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| compareValidator： | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| regexValidator: | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ajaxValidator: | 几乎所有的属性跟$.ajax()的属性一样，请参考$.ajax()函数的帮助 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| functionValidator | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 公共函数: | 主要是设置全局参数和判断是否通过校验 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| formValidator: | 用来做初始化的类型，必须先执行。（"√"为showalert可用参数） | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| inputValidator： | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| compareValidator： | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| regexValidator: | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ajaxValidator: | 几乎所有的属性跟$.ajax()的属性一样，请参考$.ajax()函数的帮助 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| functionValidator | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 公共函数: | 主要是设置全局参数和判断是否通过校验 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| formValidator: | 用来做初始化的类型，必须先执行。（"√"为showalert可用参数） | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| inputValidator： | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| compareValidator： | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| regexValidator: | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ajaxValidator: | 几乎所有的属性跟$.ajax()的属性一样，请参考$.ajax()函数的帮助 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| functionValidator | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 公共函数: | 主要是设置全局参数和判断是否通过校验 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
6. Add modification instructions:
Copy the code The code is as follows:
$.formValidator.reloadAutoTip(); //Reload the form validation style
if(!$.formValidator.pageIsValid('1')) return false; //If it does not pass, do not submit
Copy code The code is as follows:
$(document).ready(function () {
$.formValidator.initConfig({ formID: "form1", onError: function () { alert("The verification failed, please see the error message for specific errors") } });
$("# name").formValidator({ onShow: "Please enter your name!", onFocus: "Enter one to ten characters", onCorrect: "The input is correct, thank you for your cooperation!" }).inputValidator({ min: 1, max : 20, onError: "The input length is incorrect!" });
$("#timelong").formValidator({ onShow: "Please enter the roadshow duration!", onFocus: "The input format is a positive integer!", onCorrect: "The input is correct, thank you for your cooperation!" }).regexValidator({ regExp:"intege1",dataType: "enum", onError: "The duration format you entered is incorrect!" });
$( "#address").formValidator({ onShow: "Please enter the name of the roadshow platform!", onFocus: "Enter one to fifty characters", onCorrect: "The input is correct, thank you for your cooperation!" }).inputValidator({ min: 1, max: 50, onError: "The input length is incorrect!" });
$("#urladdress").formValidator({ onShow: "Please enter the roadshow link address!", onFocus: "Input format ：http://www.baidu.com", onCorrect: "The input is correct, thank you for your cooperation! " }).regexValidator({ regExp:"^(http|https|ftp)://([a-zA- Z0-9.-] (:[a-zA-Z0-9.&%$-] )*@)*((25[0-5]|2[0-4][0-9]|[0 -1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]).(25[0-5]|2[0 -4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0 ).(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0- 9]{1}|[1-9]|0).(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2 }|[1-9]{1}[0-9]{1}|[0-9])|localhost|([a-zA-Z0-9-] .)*[a-zA-Z0-9 -] .(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0 -9] )*(/($|[a-zA-Z0-9.,?'\ &%$#=~_-] ))*$", onError: "The input format is incorrect! " });
$("#time").formValidator({ onCorrect: "The format is correct" }).functionValidator({fun:isDateTime, onError: "The input format is wrong!" });
$ ("#txtcontent").formValidator({ onShow: "Please enter the expert's introduction!", onFocus: "Enter one to one hundred characters", onCorrect: "The input is correct, thank you for your cooperation!" }).inputValidator({ min: 1, max: 100, onError: "The input length is incorrect!" });
});
Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
golang中如何验证输入是否为大写字母Jun 24, 2023 am 09:06 AMGolang是一门高性能、现代化的编程语言，在日常开发中经常涉及到字符串的处理。其中，验证输入是否为大写字母是一个常见的需求。本文将介绍在Golang中如何验证输入是否为大写字母。方法一：使用unicode包Golang中的unicode包提供了一系列函数来判断字符的编码类型。对于大写字母，其对应的编码范围为65-90（十进制），因此我们可以使用unicod
golang中如何验证输入是否为全角字符Jun 25, 2023 pm 02:03 PM在golang中，验证输入是否为全角字符需要用到Unicode编码和rune类型。Unicode编码是一种将字符集中的每个字符分配一个唯一的数字码位的字符编码标准，其中包含了全角字符和半角字符。而rune类型是golang中用于表示Unicode字符的类型。第一步，需要将输入转换为rune类型的切片。这可以通过使用golang的[]rune类型进行转换，例如
PHP正则表达式验证特定字符串开头结尾的方法Jun 24, 2023 am 11:20 AMPHP是一种非常流行的编程语言，常用于Web开发。在PHP开发中，我们经常会遇到需要验证字符串的情况。其中，正则表达式是一种非常常用的方法。在对字符串进行验证时，我们经常需要验证字符串是否以特定字符或字符串开头或结尾。本文将介绍如何使用PHP正则表达式来验证字符串的开头或结尾。验证字符串开头在PHP中，通过正则表达式验证字符串开头，我们可以使用"^"符号来表
golang中如何验证输入是否全部为中文字符Jun 24, 2023 am 09:16 AM随着时代的发展，我们越来越注重对数据的校验，特别是对用户输入的校验。对于语言类的校验，如何准确判定输入是否全部为中文字符成为了一个重要问题。而在golang中，我们可以借助unicode包和regexp包来实现这一需求。一、unicode包unicode包提供了一系列对于unicode的核心支持。我们可以使用这个包中的函数来准确地判断一个字符是否为中文字符。
在PHP中使用Google reCAPTCHA进行验证Jun 19, 2023 pm 05:38 PM在现代网络世界中，网站的安全性以及用户隐私的保护越来越成为重要话题。其中，人机验证这一技术方法已经成为防范恶意攻击行为的不可或缺的方式之一。GooglereCAPTCHA，是一个被广泛应用于人机验证的工具，其概念已经深入人心，甚至在我们每天使用的许多网站上都能够看到其存在的身影。在本文中，我们将探讨如何在PHP中使用GooglereCAPTCHA进行验证
PHP正则表达式验证正整数的方法Jun 24, 2023 am 08:55 AM在PHP中，正则表达式可以用于验证和处理字符串。验证正整数的正则表达式如下所示：$pattern="/^[1-9]d*$/";其中，^表示开头，$表示结尾，[1-9]表示第一个字符必须是1-9之间的数字，d表示其他字符必须是数字，*表示0个或多个。因此，这个正则表达式可以匹配任意一个正整数。下面是一个完整的例子，演示如何使用正则表达式
手机号码验证登录注册的PHP实现指南Aug 17, 2023 pm 03:18 PM手机号码验证登录注册的PHP实现指南一、概述手机号码验证是现代互联网应用中常见的功能之一，它不仅可以用于用户注册和登录验证，还可以用于短信验证码发送等场景。本文将介绍如何使用PHP语言实现手机号码验证登录注册功能。二、环境要求在开始编写代码之前，我们需要确保以下环境已经准备就绪：PHP环境：PHP的版本需达到5.6或以上。数据库：本文使用MySQL数据库作为
golang中如何验证输入是否为英文字母Jun 24, 2023 am 08:36 AM作为一门语言，Golang提供了许多方法来方便我们进行数据的验证和处理。其中，验证输入是否为英文字母是一项基本的功能，本篇文章将介绍Golang中两种实现这一功能的方式。1.使用正则表达式正则表达式是一种可以匹配文本片段的表达式。在Golang中，我们可以使用标准库中的regexp包来处理和匹配正则表达式。下面是一个验证输入是否为英文字母的代码示
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Repo: How To Revive Teammates
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks agoBy尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
1 months agoBy尊渡假赌尊渡假赌尊渡假赌
How Long Does It Take To Beat Split Fiction?
4 weeks agoByDDD
R.E.P.O. Save File Location: Where Is It & How to Protect It?
4 weeks agoByDDD
Hot Tools
Atom editor mac version download
The most popular open source editor
mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),
SublimeText3 Linux new version
SublimeText3 Linux latest version
VSCode Windows 64-bit Download
A free and powerful IDE editor launched by Microsoft
ZendStudio 13.5.1 Mac
Powerful PHP integrated development environment
