찾다
웹 프론트엔드JS 튜토리얼업무에 자주 사용되는 JS 폼 검증 코드(예시 포함)_폼 특수효과

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

////--------- -- -----저자 Teng---------------
//비어 있는지 확인
function check_blank(obj, obj_name){
if(obj. value != ''){
return true;
}else{
alert(obj_name "채워져 있을 수 없습니다!")
obj.value = ""
return false ;
}
}

//입력 문자 길이 필터링
function check_str_len(name,obj,maxLength){
obj.value=obj.value.replace(/ (^s* )|(s*$)/g, "");
var newvalue = obj.value.replace(/[^x00-xff]/g, "**"); length11 = newvalue.length;
if(length11>maxLength){
alert(name "은 " maxLength " 문자를 초과할 수 없습니다!"); ) ;
}
}

//검증은 숫자만 가능합니다
function checkNumber(obj){
var reg = /^[0-9] $/; > if(obj.value!=""&&!reg.test(obj.value)){
alert('숫자만 입력할 수 있습니다!')
obj.value = ""; obj.focus();
return false;
}
}

//숫자 크기 범위 확인

function check_num_value(obj_name,obj,minvalue,maxvalue) ){
var reg = /^[0-9] $/
if(obj.value!=""&&!reg.test(obj.value)){
alert(obj_name '만) 숫자를 입력할 수 있습니다 !');
obj.focus()
return false
}else if(minvalue>obj.value||obj.value> ;maxvalue){
alert(obj_name "range is " minvalue "-" maxvalue "!")
obj.value="";
obj.focus()
return false; 🎜>}

}

//인증은 문자와 숫자만 가능합니다
function checkZmOrNum(zmnum){
var zmnumReg=/^[0-9a-zA-Z ]*$ /;
if(zmnum.value!=""&&!zmnumReg.test(zmnum.value)){
alert("문자 또는 숫자만 입력할 수 있습니다. 다시 입력해 주세요.");
zmnum .value="";
zmnum.focus();
return false;
}
}

//배정밀도 숫자 확인
(obj,obj_name ){
var reg = /^[0-9] (.[0-9] )?$/
if(obj.value!=""&&!reg.test(obj .value)) {
alert(obj_name '입력은 유효한 배정밀도 숫자여야 합니다.');
obj.value = "";
obj.focus()
return false; 🎜>}
}


//모든 체크박스 선택
function checkboxs_all(obj,cName){
var checkboxs = document.getElementsByName(cName)
for( var i =0;icheckboxs[i].checked = obj.checked;
}
}


//우편번호 확인
function check_youbian(obj){
var reg=/^d{6}$/
if(obj.value!=""&&!reg.test(obj.value)){
alert('우편번호 형식 입력 오류입니다! ');
obj.value = "";
return false
}
}

//이메일 형식 확인
function check_email(obj){
var reg = /^[a-zA-Z0-9_-] (.([a-zA-Z0-9_-]) )*@[a-zA-Z0-9_- ] [.][a-zA-Z0-9_-] ([.][a-zA-Z0-9_-] )*$/
if(obj.value!=""&&!reg.test (obj.value)){
obj.select();
alert('이메일 형식 입력 오류!')
obj.value = ""
obj.focus() ;
false 반환
}
}

/*유선 전화번호 확인
0d{2,3}은 지역 번호를 나타냅니다.
[0 ]d{2,3} 국제 지역 코드를 나타냅니다.
d{7,8}은 7~8자리 숫자를 나타냅니다(전화번호 표시)
올바른 형식: 지역 번호-전화번호-내선 번호(전체 쓰기|전화번호만 쓰기) ​​
*/

function check_phone(obj){
var reg=/^(([0 ]d{2,3}-)?(0d{2,3})-)?(d{ 7,8 })(-(d{3,}))?$/
if(obj.value!=""&&!reg.test(obj.value)){
alert('전화 숫자 형식 입력 오류!
obj.value = "";
return false
}
//확인 휴대폰 번호( 13, 15, 18로 시작하는 휴대폰 번호를 확인하세요! )
function check_telephone(obj){
var reg= /^[1][358]d{9}$/
if (obj.value !=""&&!reg.test(obj.value)){
alert('휴대폰 번호 형식이 잘못되었습니다!')
obj.value = ""
obj .focus();
return false;
}
}

//중국어인지 확인
function is Chinese(obj,obj_name){
var reg=/ ^[u0391-uFFE5] $/;
if(obj.value!=""&&!reg.test(obj.value)){
alert(obj_name '중국어를 입력해야 합니다! ');
obj.value = "";
obj.focus();
return false
}
} //IE인지 확인 browser

function checkIsIE(){
if(-[1,]){
alert("이것은 IE가 아닙니다!")
}else{
alert(" IE 브라우저입니다!");
}
}

//URL이 맞는지 확인
function check_IsUrl(obj){


}

//시간 크기 확인(현재 시간과 비교)
function checkDate(obj,obj_name){
var obj_value=obj.value.replace(/-/g,"/"); / /문자를 바꾸고 표준 형식으로 변경합니다(테스트 형식은 '2009-12-10')
// var obj_value=obj.value.replace("-","/");//문자 및 바꾸기 표준 형식으로 변경(테스트 형식: '2010-12-10 11:12')
var date1=new Date(Date.parse(obj_value))
var date2=new Date();// 오늘 날짜 가져오기
if(date1>date2){
alert(obj_name "현재 시간보다 클 수 없습니다!")
return false; / 저작권 © 2010-2012 com.zljy.teng.js////

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
php如何使用CodeIgniter4框架?php如何使用CodeIgniter4框架?May 31, 2023 pm 02:51 PM

PHP是一种非常流行的编程语言,而CodeIgniter4是一种常用的PHP框架。在开发Web应用程序时,使用框架是非常有帮助的,它可以加速开发过程、提高代码质量、降低维护成本。本文将介绍如何使用CodeIgniter4框架。安装CodeIgniter4框架CodeIgniter4框架可以从官方网站(https://codeigniter.com/)下载。下

如何使用Flask-WTF实现表单验证如何使用Flask-WTF实现表单验证Aug 03, 2023 pm 06:53 PM

如何使用Flask-WTF实现表单验证Flask-WTF是一个用于处理Web表单验证的Flask扩展,它提供了一种简洁、灵活的方式来验证用户提交的数据。本文将向您展示如何使用Flask-WTF扩展来实现表单验证。安装Flask-WTF要使用Flask-WTF,首先需要安装它。可以使用pip命令来安装:pipinstallFlask-WTF导入所需模块在F

Laravel开发:如何使用Laravel Validation验证表单请求?Laravel开发:如何使用Laravel Validation验证表单请求?Jun 13, 2023 pm 01:34 PM

Laravel是一个流行的PHPWeb开发框架,它提供了很多方便的功能来加快开发者的工作。其中,LaravelValidation是一种非常实用的功能,它可以帮助我们轻松地验证表单请求和用户输入的数据。本文就将介绍如何使用LaravelValidation验证表单请求。什么是LaravelValidationLaravelValidation是La

如何使用Golang实现Web应用程序的表单验证如何使用Golang实现Web应用程序的表单验证Jun 24, 2023 am 09:08 AM

表单验证是Web应用程序开发中非常重要的一个环节,它能够在提交表单数据之前对数据进行有效性检查,避免应用程序出现安全漏洞和数据错误。使用Golang可以轻松地实现Web应用程序的表单验证,本文将介绍如何使用Golang来实现Web应用程序的表单验证。一、表单验证的基本要素在介绍如何实现表单验证之前,我们需要知道表单验证的基本要素是什么。表单元素:表单元素是指

PHP中的表单验证和过滤方法?PHP中的表单验证和过滤方法?Jun 29, 2023 pm 10:04 PM

PHP作为一种广泛应用于Web开发的脚本语言,其表单验证和过滤是非常重要的一部分。在用户提交表单的过程中,需要对用户输入的数据进行验证和过滤,以确保数据的安全性和有效性。本文将介绍PHP中如何进行表单验证和过滤的方法和技巧。一、表单验证表单验证是指对用户输入的数据进行检查,以确保数据符合特定的规则和要求。常见的表单验证包括对必填项的验证、邮箱格式、手机号码格

PHP表单验证技巧:如何使用filter_input函数检验用户输入PHP表单验证技巧:如何使用filter_input函数检验用户输入Aug 01, 2023 am 08:51 AM

PHP表单验证技巧:如何使用filter_input函数检验用户输入引言:在开发Web应用程序时,表单是与用户进行交互的重要工具。而正确地验证用户输入,是保证数据的完整性和安全性的关键步骤之一。PHP提供了filter_input函数,可以方便地对用户输入进行验证和过滤。本文将介绍如何使用filter_input函数来检验用户输入,并提供相关的代码示例。一、

Golang学习之Web应用程序的表单验证实践Golang学习之Web应用程序的表单验证实践Jun 24, 2023 pm 03:07 PM

在Web开发中,表单验证是一个极其关键的部分。表单验证可以有效地保护数据的安全性,防止非法用户的攻击和恶意操作。在Golang中,表单验证技术也应用广泛,特别是在Web应用程序中。本文将介绍Golang中Web应用程序的表单验证实践。一、表单验证的基本原理在Web应用程序中,表单验证的基本原理是在Web页面提交数据之前进行数据的检查和验证。这些数据可能是用户

ThinkPHP6如何进行表单验证操作?ThinkPHP6如何进行表单验证操作?Jun 12, 2023 am 09:36 AM

ThinkPHP6是一款基于PHP的MVC框架,极大地简化了Web应用程序的开发。其中表单验证是一个非常基础和重要的功能。在这篇文章中,我们将介绍ThinkPHP6中如何进行表单验证操作。一、验证规则定义在ThinkPHP6中,验证规则都需要定义在控制器中,我们可以通过在控制器中定义一个$validate属性来实现规则的定义,如下所示:usethinkVa

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

안전한 시험 브라우저

안전한 시험 브라우저

안전한 시험 브라우저는 온라인 시험을 안전하게 치르기 위한 보안 브라우저 환경입니다. 이 소프트웨어는 모든 컴퓨터를 안전한 워크스테이션으로 바꿔줍니다. 이는 모든 유틸리티에 대한 액세스를 제어하고 학생들이 승인되지 않은 리소스를 사용하는 것을 방지합니다.

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse용 SAP NetWeaver 서버 어댑터

Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.

WebStorm Mac 버전

WebStorm Mac 버전

유용한 JavaScript 개발 도구

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기