28가지 JS 검증 함수_폼 효과 모음

JS 검증 기능 호출 방법 및 주의 사항:
1. 양식에 onsubmit="return test()"를 설정하고 에 협조하여 제출합니다.
2. / /마우스를 눌러 함수 검증을 직접 호출하는 경우
3. //검증을 위해 자신의 값을 전달하고, test(this)//검증을 위해 객체 자체를 전달
4. //Btn 확인을 클릭하고 통과한 경우 document.forms[0].submit();을 사용하여 양식을 제출합니다.
5.//제출 확인을 위해 제출을 사용하고 테스트에서 false를 반환하면 수행하지 않습니다.
6.

7.||&& or,!
8. 일반적인 이벤트: onblur가 포커스를 잃고 콘텐츠가 변경됩니다. 요소가 포커스를 얻습니다. 양식이 활성화되면 onreset RESET 속성이 활성화되면 onsubmit 양식이 제출될 때 이 이벤트가 트리거됩니다.
9. 정규 표현식을 확인합니다: if (/^[1-9]d*$/.test (str))이 true를 반환하고 통과하면 FALSE는
10.document.getElementById("ip").value를 통해 ID 값에 액세스하지 않습니다.//document.form1.text1.value를 통해 ID 값에 액세스합니다. //이름으로 접속11.
//단일 항목 실행 정규 검증 예시
검증 기능 :

글자 길이 제한
함수 test()
{
if(document.form1.text1.value.length>50 )
{
alert("50자를 초과할 수 없습니다!")
document.form1.text1.focus() ;
return false
}
}
2. 영문, 문자, 숫자만 가능합니다.
function test()
{ if(!(event.keyCode >=65&&event.keyCode{
alert( "영어로만 작성 가능합니다!")
document.form1.text1.focus()
}
}
//문자 또는 숫자
3. 숫자만 가능합니다.
function test()
{ if(!((event.keyCode>=48&&event.keyCode=96&&event.keyCode{
alert("숫자만 가능합니다! ");
document.form1.text1.focus();
}
}
또는
function test(NUM)
{
var i,j,strTemp;
strTemp="0123456789";
if ( NUM.length== 0)
return 0 for (i=0;i{
j=strTemp.indexOf(NUM.charAt(i));
if (j==-1)
{
alert("숫자만 가능합니다!")
return false ;
}
}
//설명은 숫자입니다
return true;
}
5. 이메일 확인(일반, 함수)
function isEmail(strEmail)
if (strEmail.search(/^w ((-w )|(.w ))*@[A-Za-z0-9] ((.|-)[A-Za-z0-9] ) *.[A -Za-z0-9] $/) != -1)
return true;
else
alert("형식 오류!")
}
function isEmail () {
if (document.userinfo.useremail.value.charAt(0)=="." ||
document.userinfo.useremail.value.charAt(0)=="@"||
document.userinfo.useremail.value.indexOf('@', 0) == -1 ||
document.userinfo.useremail.value.indexOf('.', 0) == -1 || 🎜>document.userinfo.useremail.value.lastIndexOf("@")==document.userinfo.useremail.value.length-1 ||
document.userinfo.useremail.value.lastIndexOf(".")== document.userinfo.useremail.value.length-1)
{
alert("이메일 주소 형식이 잘못되었습니다! ");
document.userinfo.useremail.focus();
return false;
}
}

6. 키워드 차단(여기서 *** 차단 및 ****)
function test() {
if((document.form1.text1.value.indexOf ("***") == 0)||(document.form1.text1.value . indexOf ("****") == 0)){
alert("키워드가 있습니다")
document.form1.text1.focus()
return false; 🎜>}
7. 두 입력을 비교하여 동일한지 확인합니다.
if(document.userinfo.userpassword.value != document.userinfo.userpassword1.value) {
document.userinfo.userpassword .focus( );
document.userinfo.userpassword.value = '';
document.userinfo.userpassword1.value = '';
alert("두 번 입력한 비밀번호가 다릅니다. 다시 입력해 주세요. !");
return false;
}
8. 비어 있는지 공백으로 구성되었는지 확인
function test(){
if(checkspace(document.form1.text1.value) ) {
document.form1.text1.focus();
alert("비어 있거나 공백이 포함되어 있습니다!");
false 반환;
}
}
function checkspace(checkstr) {
var str = '';
for(i = 0; i str = str ' ';
}
return (str == checkstr)
}
또는:
//단일 정규 검증 예제를 실행합니다.
9. 디지털 전화인지 확인하세요. 숫자만 가능합니다. -
일반: d{3}-d{8}|d{4}-d{7}
기능 istel(elem) {
var str=elem.value;
var oneDecimal=false;
var oneChar=0;
str=str.toString( ); 0; ioneChar=str.charAt(i).charCodeAt(0) if(oneChar==45){ 계속; > 57) {
alert("이 항목에는 숫자와 '-' 기호만 입력할 수 있습니다.");
return false }
return true; }
또는
함수 fucCheckTEL(TEL)
{
var i,j,strTemp
strTemp="0123456789-()# "
for (i=0;i {
j=strTemp.indexOf(TEL.charAt(i))
if (j==-1)
{
alert("Only 숫자 및 '- 이 항목에 입력할 수 있습니다. 'No.'); return false;
}
}
//설명이 올바릅니다.
return true;
}
또는
//일반 전화번호 확인 , 팩스 번호: " "로 시작할 수 있으며 숫자 외에도 "-"를 포함할 수 있습니다.
function isTel(s)
{
/ /var patrn=/^[ ]{0,1}(d) {1,3}[ ]?([-]?(d){1,12}) $/
var patrn=/^[ ]{0,1}(d){1,3}[ ] ?([-]?((d)|[ ]){1,12}) $/
if (!patrn.exec(s )) return false
return true
}
또는
요구사항:
(1) 전화번호는 숫자, "(", ")" 및 "-"로 구성됩니다
( 2) 전화번호는 3~8자리
(3) 전화번호에 지역번호가 포함된 경우 지역번호는 3~4자리입니다
(4) 지역번호는 기타와 구분됩니다. 부분을 ​​"(", ")" 또는 "-"로
(5) 휴대폰 번호가 11자리 또는 12자리이고, 12자리인 경우 첫 번째 숫자는 0입니다
(6) 첫 번째와 11자리 휴대전화번호 중 두 번째 자리는 '13'입니다
(7) 12자리 휴대전화번호 중 첫 번째 자리는 '13'입니다
이 규정에 따르면 다음과 같습니다. 정규식을 생성할 수 있습니다:
(^[0-9]{3,4}-[0-9]{3 ,8}$)|(^[0-9]{3,8}$)| (^([0-9]{3,4})[0-9]{3,8}$)|(^ 0{0,1}13[0-9]{9}$)
함수 PhoneCheck(들) {
var str=s;
var reg=/(^[0-9]{3 ,4}-[0-9]{3,8}$)|(^[0 -9]{3,8}$)|(^([0-9]{3,4})[0-9 ]{3,8}$)|(^0{0,1}13[0- 9]{9}$)/
alert(reg.test(str));
}


10.//opt2가 1인 경우 num이 음수인지 확인 //opt1이 1일 때 num이 십진수인지 확인 //1은 맞고 0은 틀림
function chknbr(num ,opt1,opt2)
{
var i=num.length; var staus;
//staus는 .
status=0
if ( (opt2!=1) && (num.charAt(0)=='- '))
{
alert("잘못된 숫자를 입력했습니다.");
return 0;
}
//마지막 숫자가 .
if (num.charAt(i-1)=='.')
{
alert("잘못된 숫자를 입력했습니다.")
return 0
}
for (j=0;j{
if (num.charAt(j)=='.')
{
상태
} if ( status>1)
{
alert("잘못된 숫자를 입력했습니다.")
return 0
}
if (num.charAt(j)
'9 ' )
{
if (((opt1==0) || (num.charAt(j)!='.') ) && (j!=0))
{
alert ("잘못된 숫자를 입력했습니다."); return 0;
}
}
return 1
}
11. 숫자 또는 문자 문자열
{
var strSource ="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
var ch
var temp; i=0;i{
ch = str.charAt(i)
temp = strSource.indexOf(ch)
if ( temp==-1)
{
alert("잘못된 형식!");
return false
}
} if (strSource.indexOf(ch)==- 1)
{
alert("잘못된 형식!");
false를 반환합니다.
}
else
{
true를 반환합니다.
12. 숫자 검증
양의 정수 검증^[1-9]d*$, 음의 정수 검증^-[1-9] d*$, 정수^-?[1-9]d*$, 음수가 아닌 정수^[1-9]d*|0$, 양수가 아닌 양수^-[1-9]d*|0$, 부동 소수점^-?([1-9]d*.d* |0.d*[1-9]d*|0?.0 |0)$
함수 테스트(str){
if( /^[1-9]d*$/.test(str ))
{
alert("잘못된 형식!");
return false
}
else
{
return true;
13. 신분증
일반: d{15}|d{18}
14. IP 주소
일반: d. d .d .d
15. 일반: [1-9]d{5}(?!d)
함수 isPostalCode(s)
{
//var patrn =/^[a-zA-Z0-9]{3, 12}$/;
var patrn=/^[a-zA-Z0-9]{3,12}$/
if ( !patrn.exec(s)) return false
true 반환
}
16.QQ 번호
일반: [1-9][0-9]{4,}
17. HTML 태그
일반: d{3}-d{8 }|d{4}-d{7}
18. 색상 값이 유효합니까?
function IsColor(color){
var temp =color; return true;
if (temp.length!=7) return false
return (temp.search(/\#[a-fA-F0 -9]{6}/) != -1);
}
19. 링크가 유효합니까?
function IsURL(url){
var sTemp;
var b=true; ;
sTemp=sTemp.toUpperCase();
if ((sTemp!="HTTP://")||(url.lengthb=false;
B를 돌려주세요
}
20. 휴대폰 번호가 유효한가요?
function IsMobile(_str){
var tmp_str = Trim(_str);
varpattern = /13\d{9}/; return 패턴 .test(tmp_str);
}
또는
//휴대폰 번호 확인: 숫자 외에도 "-"
함수를 포함할 수 있습니다. )
{
var patrn=/^[ ]{0,1}(d){1,3}[ ]?([-]?((d)|[ ]){1,12}) $/;
if (!patrn.exec(s)) return false
return true
}
21.IP 주소 및 ID 번호 확인(일반)
함수 checkIP()
{
obj=document.getElementById("ip").value
//ip 주소
//var exp=/^(d{1,2}|1dd|2[0-4] d|25[ 0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0- 4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5])$/
//신분증
//var exp =/b(((?!ddd)d |1dd|2[0-4]d|25[0-5])(b|.)){4}/
//var exp =/^( d{15}|d{17}[x0-9])/
//var exp=/^([d]{15}|[d]{18}|[d]{17 }[x| X])$/
var reg = obj.match(exp);
if(reg==null)
{
alert("IP 주소가 불법입니다!");
}
else
{
alert("IP 주소가 유효합니다!");
}
}
22. 로그인 이름 확인: 다음으로 시작하는 5-20자만 가능합니다. 숫자, "_" 및 "."을 포함할 수 있는 문자열을 입력할 수 있습니다.
function isRegisterUserName(s)
{
var patrn=/^[a-zA-Z]{1}( [a-zA- Z0-9]|[._]){4,19}$/;
if (!patrn.exec(s)) return false
true 반환
}
23. 사용자 이름 확인: 문자로 시작하는 1~30개의 문자열만 입력할 수 있습니다.
function isTrueName(s)
{
var patrn=/^[a-zA-Z]{1,30}$ /;
if (!patrn.exec(s)) return false
return true
}
24. 비밀번호 확인: 6~20자의 문자, 숫자, 밑줄만 입력할 수 있습니다
function isPasswd (s)
{
var patrn=/^(w){6,20}$/
if (!patrn.exec(s)) return false
true 반환
}
25. 날짜 및 시간 클래스
(13:04:06) 형식의 짧은 시간
function isTime(str)
{
var a = str.match( /^(d{ 1,2})(:)?(d{1,2})2(d{1,2})$/)
if (a == null) {alert('The 입력 매개변수가 시간 형식이 아닙니다'); false를 반환합니다.}
if (a[1]>24 || a[3]>60 || a[4]>60)
{
alert ("시간 형식이 잘못되었습니다.") ;
false를 반환
}
true를 반환
}
(2003-12-05) 형식의 짧은 날짜
함수; strDateTime(str)
{
var r = str.match(/^(d{1,4})(-|/)(d{1,2})2(d{1,2}) $/);
if(r= =null)return false;
var d= new Date(r[1], r[3]-1, r[4]); .getFullYear()==r[1]&& (d.getMonth() 1)==r[3]&&d.getDate()==r[4])
}
오랜만이군요. (2003-12-05 13:04:06 )
function strDateTime(str)
{
var reg = /^(d{1,4})(-|/)(d 형식 {1,2})2(d{1,2} ) (d{1,2}):(d{1,2}):(d{1,2})$/
var r = str.match(reg);
if(r= =null)return false
var d= new Date(r[1], r[3]-1,r[4],r[5] ,r[6],r[7]);
return (d.getFullYear()==r[1]&&(d.getMonth() 1)==r[3]&&d.getDate()== r[4]&&d.getHours()==r[5 ]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7])
}
26. 문자는 모두 a-Z 또는 A-Z 문자로 구성됩니다


27. 심사 문자는 문자, 숫자, 밑줄, 마침표로 구성되며 시작은 밑줄과 문자만 가능합니다

28. 양식의 값은 비어 있을 수 없으며 imax 문자를 초과할 수 없으며 imix 문자보다 작을 수 없으며 입력은 중국어 판단입니다. function isNull(elem){
//var 패턴=/ ^s |s $/
if(elem.replace(/(^s |s$)/g, "")==""){
return false
}else; > true를 반환
}
}
function imax(elem) {
if(elem.length>imax){
false를 반환
}else{
true를 반환 ;
}
}
function imix(elem){
if(elem.lengthreturn false;
}else{
return true;
}
}
function is Chinese(elem){
var 패턴=/[^x00-xff] /g;
if(pattern.test(elem)){
//중국어 포함
return false; 🎜>}else{
//중국어를 포함하지 않음
true를 반환합니다.
}
}