jquery 양식 유효성 검사는 플러그인 formValidator_form 효과를 사용합니다.

1. 먼저 프로젝트에 필요한 js와 css를 추가하세요

2. 코드에 참조(필수 참조)를 추가합니다.

코드 복사 코드는 다음과 같습니다.

--양식 검증 필수 라이브러리-->

3. 에서 확인할 태그(일반적인 데모 만들기)

코드 복사 코드는 다음과 같습니다.

4. <script> <strong></strong><br><div class="codetitle"><span>코드 복사<a style="CURSOR: pointer" data="99306" class="copybut" id="copybut99306" onclick="doCopy('code99306')"><u></u> 코드는 다음과 같습니다.</a><div class="codebody" id="code99306"> <br><script type="text/javascript"> <br>$(document).ready(function () { <br>$.formValidator.initConfig({ formID: "form1", onError: function () { Alert("확인에 실패했습니다. 특정 오류는 오류 메시지를 참조하세요.") } }) <br>$("#sfz").formValidator({ onShow: "15자리 또는 18자리를 입력하세요. ID 카드 ", onfocus: "15자리 또는 18자리 ID 카드를 입력하세요.", onCordirect: "입력이 정확합니다." }).regexValidator({ regExp: "idcard", dataType: "enum", onError: "ID 카드의 형식 입력하신 신분증이 올바르지 않습니다. " }); ; <br>$("#sfz1").formValidator({ onShow: "15자리 또는 18자리의 신분증을 입력하세요.", onfocus: "15자리 또는 18자리의 신분증을 입력하세요. 18자리 ID 카드", onCordirect: "정확하게 입력하세요" }).functionValidator({ fun: isCardID }); <br>$("#zs").formValidator({ onShow: "정수를 입력하세요.", onCordirect: "협조해 주셔서 감사합니다. 정수가 정확합니다." } ).regexValidator({ regExp: "intege", dataType: "enum", onError: "정수 형식이 잘못되었습니다." }) <br>$("#zzs ").formValidator({ onShow: "양의 정수를 입력하세요" , onCordirect: "협조해 주셔서 감사합니다. 양의 정수가 맞습니다." }).regexValidator({ regExp: "intege1", dataType: "enum", onError : "양의 정수 형식이 잘못되었습니다." }); <br>$( "#fzs").formValidator({ onShow: "음의 정수를 입력하세요.", onCordirect: "협조해 주셔서 감사합니다. 음의 정수가 맞습니다. " }).regexValidator({ regExp: "intege2", dataType: "enum", onError: "음의 정수 형식이 잘못되었습니다." }); <br>$("#sz").formValidator({ onShow: "입력하세요. a number", onCordirect: "협조해 주셔서 감사합니다. 번호가 정확합니다." }). regexValidator({ regExp: "num", dataType: "enum", onError: "숫자 형식이 잘못되었습니다." }); <br>$("#zs1").formValidator({ onShow: "양수를 입력하세요.", onCorrent: "협조해 주셔서 감사합니다. 양수가 맞습니다." }).regexValidator({ regExp: "num1", dataType : "enum", onError: "양수 형식이 잘못되었습니다." }) <br>$("# fs").formValidator({ onShow: "음수를 입력하세요.", onCordirect: "협조해 주셔서 감사합니다. , 음수가 정확합니다." }).regexValidator({ regExp: "num2", dataType: "enum", onError: "음수 형식이 잘못되었습니다." }); <br>$("#sj").formValidator ({ onShow: "휴대폰 번호를 입력하세요", onfocus: "13 또는 15로 시작해야 합니다.", onCorret: "협력해 주셔서 감사합니다. 휴대폰 번호가 정확합니다." }).regexValidator({ regExp: "mobile", dataType: "enum", onError: "휴대폰 번호 형식이 잘못되었습니다." }) <br>//$("#").formValidator({onShow:"",onfocus:"입력하세요",onCordirect:"감사합니다. 협조해 주셔서 감사합니다. 귀하의 형식이 정확합니다."}).regexValidator({regExp:"",dataType:"enum",onError:"형식이 잘못되었습니다. "}); <br>$("#email").formValidator( { onShow: "이메일을 입력하세요.", onfocus: "입력하는 이메일 형식에 주의하세요. 예: wzmaodong@126.com", onCordirect: "협조해 주셔서 감사합니다. 이메일이 정확합니다." }). regexValidator({ regExp: "email", dataType: "enum", onError: "이메일 형식이 잘못되었습니다." }) <br>$("#fds") .formValidator({ onShow: "부동 소수점 숫자를 입력하세요." , onCordirect: "협조해 주셔서 감사합니다. 부동 소수점 숫자가 정확합니다." }).regexValidator({ regExp: "decmal", dataType: "enum", onError: "부동 소수점 숫자 형식이 잘못되었습니다." }); 🎜>$("#zfds").formValidator({ onShow: "양수 부동 소수점 숫자를 입력하세요.", onCordirect: "협조해 주셔서 감사합니다. 양수 부동 소수점 숫자가 정확합니다." }).regexValidator ({ regExp: "decmal1", dataType: "enum", onError: "양수 부동 소수점 숫자의 형식이 잘못되었습니다." }) <br>$("#ffds").formValidator({ onShow: "음수 부동 소수점을 입력하세요. number" , onCordirect: "협조해 주셔서 감사합니다. 음수 부동 소수점 숫자가 정확합니다." }).regexValidator({ regExp: "decmal2", dataType: "enum", onError: "음수 부동 소수점 숫자 형식이 올바르지 않습니다." }); <br> $("#fffds").formValidator({ onShow: "음수가 아닌 부동 소수점 숫자를 입력하세요.", onCorrent: "협조해 주셔서 감사합니다. 음수가 아닌 부동 소수점 숫자가 맞습니다." }).regexValidator({ regExp: "decmal4", dataType: "enum", onError: "음수가 아닌 부동 소수점 숫자의 형식이 잘못되었습니다." }) <br>$("#fzfds").formValidator({ onShow: "양수가 아닌 부동 소수점 숫자를 입력하세요", onCordirect: "감사합니다. 협조해 주셔서 양수가 아닌 부동 소수점 숫자가 정확해졌습니다." }).regexValidator({ regExp: "decmal5", dataType: "enum ", onError: "양수가 아닌 부동 소수점 숫자의 형식이 잘못되었습니다." }); <br>$("# ys").formValidator({ onShow: "16진수 색상을 입력하세요.", onCordirect: "감사합니다. 협력을 위해 16진수 색상이 정확합니다." }).regexValidator({ regExp: "color", dataType: "enum ", onError: "16진수 색상 형식이 잘못되었습니다." }); <br>$("#yb" ).formValidator({ onShow: "우편번호를 입력하세요.", onfocus: "6자리 숫자로 구성되어 있습니다.", onCorrent: "협조해 주셔서 감사합니다. 우편번호가 정확합니다." }).regexValidator({ regExp: "zipcode ", dataType: "enum", onError: "우편번호 형식이 잘못되었습니다." }); <br>$("#ip4" ).formValidator({ onShow: "ip4를 입력하세요", onfocus: "예: 172.16 .201.18", onCordirect: "협조해 주셔서 감사합니다. 귀하의 IP4는 정확합니다." }).regexValidator({ regExp: "ip4", dataType: "enum", onError: "ip4 형식이 올바르지 않습니다" }); <br> $("#fk").formValidator({ onShow: "공백이 아닌 문자를 입력해 주세요.", onCorrent: "협조해 주셔서 감사합니다. 빈 문자가 맞습니다." }).regexValidator({ regExp: "notempty" , dataType: "enum", onError: "비어 있지 않은 문자의 형식이 잘못되었습니다." }) <br>$("#tp").formValidator({ onShow: "사진 이름을 입력하세요.", onCordirect: "협조해 주셔서 감사합니다. 사진 이름이 정확합니다." }).regexValidator({ regExp: "picture", dataType: "enum", onError: "사진 이름 형식이 잘못되었습니다." }); <br>$("#rar").formValidator({ onShow: "请输入压缩文件名", onCorrect: "谢谢你的合作，你的压缩文件名正确" }).regexValidator({ regExp: "rar", dataType: "enum", onError: "压缩文件名格式不正确" }); <br>$("#qq").formValidator({ onShow: "请输入QQ号码", onCorrect: "谢谢你的合作，你的QQ号码正确" }).regexValidator({ regExp: "qq", dataType: "enum", onError: "QQ号码格式不正确" }); <br>$("#dh").formValidator({ onShow: "请输入国内电话", onfocus: "例如：0577-88888888或省略区号88888888", onCorrect: "谢谢你的合作，你的国内电话正确" }).regexValidator({ regExp: "tel", dataType: "enum", onError: "国内电话格式不正确" }); <br>$("#yhm").formValidator({ onShow: "请输入用户名", onCorrect: "谢谢你的合作，你的用户名正确" }).regexValidator({ regExp: "username", dataType: "enum", onError: "用户名格式不正确" }); <br>$("#zm").formValidator({ onShow: "请输入字母", onCorrect: "谢谢你的合作，你的字母正确" }).regexValidator({ regExp: "letter", dataType: "enum", onError: "字母格式不正确" }); <br>$("#dxzm").formValidator({ onShow: "请输入大写字母", onCorrect: "谢谢你的合作，你的大写字母正确" }).regexValidator({ regExp: "letter_u", dataType: "enum", onError: "大写字母格式不正确" }); <br>$("#xxzm").formValidator({ onShow: "请输入小写字母", onCorrect: "谢谢你的合作，你的小写字母正确" }).regexValidator({ regExp: "letter_l", dataType: "enum", onError: "小写字母格式不正确" }); <br>$("#sfz").formValidator({ onShow: "请输入身份证", onCorrect: "谢谢你的合作，你的身份证正确" }).regexValidator({ regExp: "idcard", dataType: "enum", onError: "身份证格式不正确" }); <br>}); <br></script>

5.效果图：

 
6.

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

더보기

인기 기사

<garden> : 정원 재배 - 완전한 돌연변이 가이드

3 몇 주 전 By DDD

<gum> : Bubble Gum Simulator Infinity- 로얄 키를 얻고 사용하는 방법

3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

KB5055612 수정 방법 Windows 10에 설치되지 않습니까?

3 몇 주 전 By DDD

Nordhold : Fusion System, 설명

3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

Mandragora : 마녀 트리의 속삭임 - Grappling Hook 잠금 해제 방법

3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

더보기

뜨거운 도구

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

더보기

뜨거운 주제

자바 튜토리얼

1666

14

Cakephp 튜토리얼

1426

52

라라벨 튜토리얼

1328

25

PHP 튜토리얼

1273

29

C# 튜토리얼

1253

24

더보기

Related knowledge

PDF에서 서명을 확인하는 방법 Feb 18, 2024 pm 05:33 PM

우리는 일반적으로 정부나 기타 기관으로부터 PDF 파일을 받으며, 일부는 디지털 서명이 포함되어 있습니다. 서명을 확인한 후 SignatureValid 메시지와 녹색 확인 표시가 표시됩니다. 서명이 확인되지 않으면 유효성을 알 수 없습니다. 서명을 확인하는 것이 중요합니다. PDF에서 이를 수행하는 방법을 살펴보겠습니다. PDF에서 서명을 확인하는 방법 PDF 형식의 서명을 확인하면 더욱 신뢰할 수 있고 문서가 승인될 가능성이 높아집니다. 다음과 같은 방법으로 PDF 문서의 서명을 확인할 수 있습니다. Adobe Reader에서 PDF를 엽니다. 서명을 마우스 오른쪽 버튼으로 클릭하고 서명 속성 표시를 선택합니다. 서명자 인증서 표시 버튼을 클릭합니다. 신뢰 탭에서 신뢰할 수 있는 인증서 목록에 서명을 추가합니다. 서명 확인을 클릭하여 확인을 완료합니다.

WeChat 친구 지원 인증으로 차단을 해제하는 자세한 방법 Mar 25, 2024 pm 01:26 PM

1. WeChat을 연 후 검색 아이콘을 클릭하고 WeChat 팀을 입력한 후 아래 서비스를 클릭하여 들어갑니다. 2. 입력 후 좌측 하단의 셀프 서비스 도구 옵션을 클릭하세요. 3. 클릭 후, 위 옵션 중 보조검증 차단해제/이의제기 옵션을 클릭해 주세요.

정규식을 사용하여 IFSC 코드를 검증하는 방법은 무엇입니까? Aug 26, 2023 pm 10:17 PM

인도 금융 시스템 코드는 약어입니다. 전자 자금 이체 시스템에 참여하는 인도 은행 지점은 특수 11자리 코드로 식별됩니다. 인도중앙은행은 인터넷 거래에서 이 코드를 사용하여 은행 간 자금을 이체합니다. IFSC 코드는 두 부분으로 나뉩니다. 은행은 처음 4자로 식별되고, 지점은 마지막 6자로 식별됩니다. NEFT(National Electronic Funds Transfer), RTGS(Real Time Gross Settlement) 및 IMPS(Immediate Payment Service)는 IFSC 코드가 필요한 전자 거래 중 일부입니다. 방법 정규식을 사용하여 IFSC 코드를 검증하는 몇 가지 일반적인 방법은 다음과 같습니다. 길이가 올바른지 확인합니다. 처음 4자를 확인하세요. 다섯 번째 문자를 확인하세요.Che

golang에서 입력이 전자 문자인지 확인하는 방법 Jun 25, 2023 pm 02:03 PM

golang에서는 입력이 전자인지 확인하기 위해 유니코드 인코딩과 룬 유형이 필요합니다. 유니코드 인코딩은 전자 및 반자 문자를 포함하는 문자 집합의 각 문자에 고유한 숫자 코드 포인트를 할당하는 문자 인코딩 표준입니다. 룬 유형은 golang에서 유니코드 문자를 나타내는 데 사용되는 유형입니다. 첫 번째 단계는 입력을 룬 유형 슬라이스로 변환하는 것입니다. 이는 golang의 []rune 유형을 사용하여 변환할 수 있습니다.

golang에서 입력이 대문자인지 확인하는 방법 Jun 24, 2023 am 09:06 AM

Golang은 일상적인 개발에서 종종 문자열 처리를 포함하는 고성능의 현대적인 프로그래밍 언어입니다. 그중에서도 입력이 대문자인지 확인하는 것이 일반적인 요구 사항입니다. 이번 글에서는 Golang에서 입력이 대문자인지 확인하는 방법을 소개하겠습니다. 방법 1: 유니코드 패키지를 사용합니다. Golang의 유니코드 패키지는 문자의 인코딩 유형을 결정하는 일련의 함수를 제공합니다. 대문자의 경우 해당 인코딩 범위는 65-90(십진수)이므로 유니코드를 사용할 수 있습니다.

golang에서 입력이 모두 한자인지 확인하는 방법 Jun 24, 2023 am 09:16 AM

시대가 발전함에 따라 우리는 데이터 검증, 특히 사용자 입력 검증에 점점 더 많은 관심을 기울이고 있습니다. 언어검증에서는 입력 내용이 모두 한자인지를 어떻게 정확하게 판단할 것인가가 중요한 문제가 되었다. golang에서는 이 요구 사항을 달성하기 위해 유니코드 패키지와 regexp 패키지를 사용할 수 있습니다. 1. 유니코드 패키지 유니코드 패키지는 유니코드에 대한 일련의 핵심 지원을 제공합니다. 이 패키지의 기능을 사용하면 문자가 한자인지 여부를 정확하게 확인할 수 있습니다.

PHP 8의 새로운 기능: 확인 및 서명 추가 Mar 27, 2024 am 08:21 AM

PHP8은 최신 버전의 PHP로 프로그래머에게 더 많은 편의성과 기능을 제공합니다. 이 버전은 보안과 성능에 특별히 중점을 두고 있으며 주목할만한 새로운 기능 중 하나는 확인 및 서명 기능이 추가된 것입니다. 이 문서에서는 이러한 새로운 기능과 그 용도에 대해 자세히 살펴보겠습니다. 확인 및 서명은 컴퓨터 과학에서 매우 중요한 보안 개념입니다. 이는 전송된 데이터가 완전하고 확실한지 확인하는 데 자주 사용됩니다. 온라인 거래 및 민감한 정보를 처리할 때 확인 및 서명이 더욱 중요해집니다. 누군가가 데이터를 조작할 수 있다면 잠재적으로 그럴 수 있기 때문입니다.

PHP에서 Google reCAPTCHA를 사용한 인증 Jun 19, 2023 pm 05:38 PM

현대 온라인 세계에서 웹사이트 보안과 사용자 개인 정보 보호는 점점 더 중요한 주제가 되었습니다. 그 중 인간-기계 검증이라는 기술적 방법은 악의적인 공격을 방지하는 데 없어서는 안 될 방법 중 하나가 되었습니다. GooglereCAPTCHA는 인간-컴퓨터 검증에 널리 사용되는 도구입니다. 그 개념은 사람들의 마음속에 깊이 뿌리박혀 있으며, 그 존재는 우리가 매일 사용하는 많은 웹사이트에서도 볼 수 있습니다. 이 기사에서는 PHP에서 확인을 위해 GooglereCAPTCHA를 사용하는 방법을 살펴보겠습니다.

See all articles

공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！

회사 소개 부인 성명 Sitemap

© php.cn All rights reserved

身份证(正则表达式库):
身份证(外部函数):
整数:
正整数:
负整数:
数字:
正数（正整数 + 0）:
负数（负整数 + 0）:
浮点数:
正浮点数:
负浮点数:
非负浮点数（正浮点数 + 0）:
非正浮点数（负浮点数 + 0）:
颜色:
你的EMAIL:
手机:
邮编:
非空:
图片:
压缩文件:
ip4:
QQ号码:
国内电话:
用户名:
字母:
大写字母:
小写字母:
身份证: