이 예는 JavaScript의 일반적인 검증 기능을 요약합니다. 참조를 위해 공유하십시오. 특정 요약은 다음과 같습니다.
1. 문자열 클래스 검증
1. 길이 제한
다음과 같이 코드를 복사하십시오. <cript>
기능 테스트 ()
{
if (document.abvalue.length> 50)
{
경고 ( "50자를 초과 할 수 없습니다!");
document.abfocus ();
거짓을 반환합니다.
}
}
</스크립트>
<양식 이름 = a onsubmit = "return test ()">
<textArea name = "b"cols = "40"랩 = "virtual"rows = "6"> </textRea>
<입력 유형 = "제출"이름 = "제출"value = "Check">
</form>
2. 한자 일 수 있습니다
코드 코드를 다음과 같이 복사하십시오. <input onkeyup = "value ="/oblog/value.replace (/[^/u4e00-/u9fa5]/g, '') ">
3. "영어로만 가능합니다
다음과 같이 코드를 복사하십시오. <script language = javaScript>
함수 만 ()
{
if (! (event.keyCode> = 65 && event.keyCode <= 90))))
event.returnvalue = false;
}
</스크립트>
<input onkeydown = "만만 ();">
4. 숫자 일 수 있습니다
다음과 같이 코드를 복사하십시오. <script language = javaScript>
함수 만 ()
{
if (! (!
// 키보드의 숫자 키를 고려하십시오
event.returnvalue = false;
}
</스크립트>
<input onkeydown = "만만 ();">
5. 영어 문자와 숫자 만
코드 코드를 다음과 같이 복사하십시오. <input onkeyup = "value ="/oldog/value.replace (/[/w]/g, " '')"onbeforepaste = "clipboarddata.setdata ( 'text', clipboarddata.getData ( 'text'). replace (/[^/d]/g, ')">
6. 이메일 형식을 확인하십시오
코드 사본은 다음과 같습니다. <script language = javaScript runat = server>
기능 isemail (stremail) {
if (stremail.search (/^/w+((-/w+) | (-/w+) | (/./ w+))*/@[a-za-z0-9]+(((/. |-) [a-za-z0-9]+)*/. [a-za-z0-9]+$/)! = -1)
진실을 반환하십시오.
또 다른
경고 ( "오");
}
</스크립트>
<입력 유형 = 텍스트 onblur = isemail (this.value)>
7. 키워드 블록 (블록 *** 및 **** 여기)
다음과 같이 코드를 복사하십시오. <script language = "javaScript1.2">
기능 test () {
if ((abvalue.indexof ( "***") == 0) || (abvalue.indexof ( "****") == 0)) {
경고 ( "123");
abfocus ();
거짓 반환;}
}
</스크립트>
<양식 이름 = a onsubmit = "return test ()">
<입력 유형 = 텍스트 이름 = b>
<입력 유형 = "제출"이름 = "제출"value = "Check">
</form>
8. 비밀번호가 두 번 동일한지 여부
코드 코드를 다음과 같이 복사하십시오. <form 메소드 = post action = "">
<입력 유형 = "password"id = "input1">
<입력 유형 = "password"id = "input2">
<입력 유형 = "버튼"value = "test"onclick = "check ()">
</form>
<cript>
함수 check ()
{
with (document.all) {
if (input1.value! = input2.Value)
{
경고 ( "거짓")
입력 1.Value = "";
input2.value = "";
}
else document.forms [0] .submit ();
}
}
</스크립트>
9. 마우스 오른쪽 클릭을 차단하는 것이 멋지다!
다음과 같이 코드를 복사하십시오. oncontextMenu = "return"ondragStart = "return"onselectStart = "return false"
몸에 추가
2. 형태 확인
1 양식 항목은 비어있을 수 없습니다
다음과 같이 코드를 복사하십시오. <script language = "javaScript">
<!-
함수 checkform ()
{
if (document.form.name.value.length == 0) {
경고 ( "이름을 입력하십시오!");
document.form.name.focus ();
거짓을 반환합니다.
}
진실을 반환하십시오.
}
->
</스크립트>
2 두 형태 항목의 값이 동일인지 비교
다음과 같이 코드를 복사하십시오. <script language = "javaScript">
<!-
함수 checkform ()
if (document.form.pwd.value! = document.form.pwd_again.value) {
ALERT ( "두 번 입력 한 비밀번호는 다릅니다! 다시 입력하십시오.");
document.adduser.pwd.focus ();
거짓을 반환합니다.
}
진실을 반환하십시오.
}
->
</스크립트>
3 양식 항목은 전화/은행 계정 확인에 사용되는 "_"만이 될 수 있으며 도메인 이름 등록 등으로 확장 할 수 있습니다.
다음과 같이 코드를 복사하십시오. <script language = "javaScript">
<!-
기능 isnumber (String)
{
var letters = "1234567890-"; // 입력 값을 직접 늘릴 수 있습니다
var i;
var c;
if (string.charat (0) == '-')
거짓을 반환합니다.
if (string.charat (String.length -1) == ' -')
거짓을 반환합니다.
for (i = 0; i <string.length; i ++)
{
c = string.charat (i);
if (letters.indexof (c) <0)
거짓을 반환합니다.
}
진실을 반환하십시오.
}
함수 checkform ()
{
if (! isnumber (document.form.tel.value)) {
경고 ( "귀하의 전화 번호는 불법입니다!");
document.form.tel.focus ();
거짓을 반환합니다.
}
진실을 반환하십시오.
}
->
</스크립트>
4 양식 입력 값/길이 한도
다음과 같이 코드를 복사하십시오. <script language = "javaScript">
<!-
함수 checkform ()
{
if (document.form.count.value> 100 || document.form.count.value <1)
{
경고 ( "입력 값은 100보다 0보다 작거나 클 수 없습니다!");
document.form.count.focus ();
거짓을 반환합니다.
}
if (document.form.message.value.length <10)
{
ALERT ( "입력 텍스트는 10 미만!");
document.form.message.focus ();
거짓을 반환합니다.
}
진실을 반환하십시오.
}
//->
</스크립트>
5 중국어/영어/번호/이메일 주소 합법성 판단
다음과 같이 코드를 복사하십시오. <script language = "javaScript">
<!-
기능 isenglish (이름) // 영어 값 감지
{
if (name.length == 0)
거짓을 반환합니다.
for (i = 0; i <name.length; i ++) {
if (name.charcodeat (i)> 128)
거짓을 반환합니다.
}
진실을 반환하십시오.
}
함수는 중국 (이름) // 중국 가치 감지입니다
{
if (name.length == 0)
거짓을 반환합니다.
for (i = 0; i <name.length; i ++) {
if (name.charcodeat (i)> 128)
진실을 반환하십시오.
}
거짓을 반환합니다.
}
함수 ISMAIL (이름) // 이메일 값 감지
{
if (! isenglish (name))
거짓을 반환합니다.
i = name.indexof ( "at");
j = name dot lastIndexof ( "at");
if (i == -1)
거짓을 반환합니다.
if (i! = j)
거짓을 반환합니다.
if (i == 이름 점 길이)
거짓을 반환합니다.
진실을 반환하십시오.
}
함수 ISNUMBER (이름) // 숫자 감지
{
if (name.length == 0)
거짓을 반환합니다.
for (i = 0; i <name.length; i ++) {
if (name.charat (i) < "0"|| name.charat (i)> "9")
거짓을 반환합니다.
}
진실을 반환하십시오.
}
함수 checkform ()
{
if (! ismail (form.email.value)) {
Alert ( "귀하의 이메일은 불법입니다!");
form.email.focus ();
거짓을 반환합니다.
}
if (! isenglish (form.name.value)) {
경고 ( "영어 이름은 불법입니다!");
form.name.focus ();
거짓을 반환합니다.
}
if (! ischinese (form.cnname.value)) {
경고 ( "중국 이름은 불법입니다!");
form.cnname.focus ();
거짓을 반환합니다.
}
if (! isnumber (form.publiczipcode.value)) {
경고 ( "우편 번호는 불법입니다!");
form.publiczipcode.focus ();
거짓을 반환합니다.
}
진실을 반환하십시오.
}
//->
</스크립트>
양식 항목에 입력 할 수없는 6 자
다음과 같이 코드를 복사하십시오. <script language = "javaScript">
<!-
함수는 (str, charset) // 문자열에는 테스트 함수가 포함되어 있습니다
{
var i;
for (i = 0; i <charset.length; i ++)
if (str.indexof (charset.charat (i))> = 0)
진실을 반환하십시오.
거짓을 반환합니다.
}
함수 checkform ()
{
if ((contain (document.form.name.value, "%/(/)> <")) || (contain (document.form.message.value, "%/(/)> <")))
{
경고 ( "불법 문자 입력");
document.form.name.focus ();
거짓을 반환합니다.
}
진실을 반환하십시오.
}
//->
</스크립트>
3. 기타 검증 :
1. 문자열이 숫자로 구성되어 있는지 확인하십시오
코드 코드를 다음과 같이 복사하십시오. <script language = "javaScript"> <!-
함수 checknum (str) {return str.match (// d/) == null}
경고 (Checknum ( "1232142141"))
경고 (Checknum ( "123214214a1"))
// -> </script>
2. 그것이 캐릭터인지 결정하는 방법
코드 사본은 다음과 같습니다. if (/;^/x00-/xff ]/g.test(s)) alert ( "중국어 포함");
else alert ( "모든 문자");
3. 한자가 포함되어 있는지 여부를 결정하는 방법
코드 사본은 다음과 같습니다. if (Escape (str) .indexof ( "%u")! = -1) alert ( "중국어 포함");
else alert ( "모든 문자");
4. 이메일 형식 확인
다음과 같이 코드를 복사하십시오 : // 함수 이름 : Chkemail
// 기능 소개 : 이메일 주소 여부를 확인하십시오
// 매개 변수 설명 : 확인할 문자열
// 반환 값 : 0 : 1 : 예
기능 chkemail (a)
{var i = a.length;
var temp = a.indexof ( '@');
var tempd = a.indexof ( '.');
if (temp> 1) {
if ((i-temp)> 3) {
if ((i-tempd)> 0) {
반환 1;
}
}
}
반환 0;
}
5. 디지털 형식 확인
다음과 같이 코드를 복사하십시오 : // 함수 이름 : Fucchecknum
// 기능 소개 : 숫자인지 확인하십시오
// 입자 설명 : 확인할 번호
// 반환 값 : 1은 숫자, 0은 숫자가 아닙니다.
기능 fucchecknum (num)
{
var i, j, strtemp;
strtemp = "0123456789";
if (num.length == 0)
반환 0
for (i = 0; i <num.length; i ++)
{
j = strtemp.indexof (num.charat (i));
if (j ==-1)
{
// 숫자는 없지만 숫자가 없음을 의미합니다
반환 0;
}
}
// 설명은 숫자입니다
반환 1;
}
6. 전화 번호 형식 확인
다음과 같이 코드를 복사하십시오 : // 함수 이름 : Fucchecktel
// 기능 소개 : 전화 번호 여부를 확인하십시오
// 매개 변수 설명 : 확인할 문자열
// 반환 값 : 1은 합법적이고 0은 불법입니다
기능 fucchecktel (tel)
{
var i, j, strtemp;
strtemp = "0123456789- ()#";
for (i = 0; i <tel.length; i ++)
{
j = strtemp.indexof (Tel.charat (i));
if (j ==-1)
{
// 불법 문자가 있음을 의미합니다
반환 0;
}
}
// 설명 법률
반환 1;
}
7. 입력이 중국어인지를 결정하는 기능
다음과 같이 코드를 복사하십시오 : 함수 ischinese (s) {
var ret = true;
for (var i = 0; i <s.length; i ++)
ret = ret && (s.charcodeat (i)> = 10000);
반품 반환;
}
8. 사용자 입력의 정당성을 판단하는 포괄적 인 기능
다음과 같이 코드를 복사하십시오. <script language = "javaScript">
// 시작할 입력 문자 비트 수 제한
// m은 사용자 입력, n은 제한 될 숫자 수입니다.
기능 issmall (m, n)
{
if ((m <n) && (m> 0))
{
반환 (거짓);
}
또 다른
{return (true);}
}
9. 비밀번호가 일관되게 입력되었는지 여부를 결정하십시오
다음과 같이 코드를 복사하십시오 : function issame (str1, str2)
{
if (str1 == str2)
{return (true);}
또 다른
{return (false);}
}
10. 사용자 이름이 숫자 문자 슬라이딩 라인인지 결정
코드 사본은 다음과 같습니다. function notchinese (str) {
var reg =/[^a-za-z0-9 _]/g
if (reg.test (str)) {
반환 (거짓);
}또 다른{
반환 (true); }
}
11. 형태 텍스트 필드에 대한 일반 점검 기능
기능 : 이름, 계정, 이메일 주소 등과 같이 비어 있지 않은 모든 입력 텍스트를 감지하십시오.
이 확인은 이제 텍스트 필드에만 해당됩니다. 다른 도메인 객체를 형태로 타겟팅하려면 판단 조건을 변경할 수 있습니다.
사용 방법 : 감지 할 텍스트 필드에 제목 텍스트를 추가하십시오. 텍스트는 신속한 메시지, 사용자에게 프롬프트하려는 필드의 중국 이름입니다. 예를 들어, 사용자 이름을 감지합니다
html은 다음과 같습니다. <input name = "txt_1">. 물론 DreamWeaver와 같은 시각화 도구를 사용하여 도메인을 편집하는 것이 가장 좋습니다.
숫자 유형 데이터를 감지하려면 도메인의 ID를 SZ로 통합하십시오.
JavaScript의 날짜 유형을 판단하는 것은 문제가되므로 날짜 유형 확인 프로그램이 없습니다. 전문가가 추가 할 수 있습니다.
이 프로그램은 비교적 잔디이며 아이디어를 제공합니다. 벽돌을 던지고 옥을 끌어들입니다! :)
오, 그건 그렇고, 함수 호출 방법 : <form onsubmit = "return dovalidate ()">
다음과 같이 코드를 복사하십시오 : function dovalidate ()
{
fm = document.forms [0] // 하나의 양식 만 감지되며 여러 양식이 있으면 판단 조건을 변경할 수 있습니다.
for (i = 0; i <fm.length; i ++)
{
// 감지 및 판단 조건은 유형에 따라 수정할 수 있습니다.
if (fm.tagname.toupperCase () == "input"&& fm.type.touppercase () == "text"&& (fm.title! = ""))).
if (fm.value = "/blog/=" ") //
{
str_warn1 = fm.title+"비어질 수 없습니다!";
경고 (str_warn1);
fm.focus ();
거짓을 반환합니다.
}
if (fm.id.touppercase () == "sz") // 디지털 확인
{
if (isnan (fm.value))
{str_warn2 = fm.title+"잘못된 형식";
경고 (str_warn2);
fm.focus ();
거짓을 반환합니다.
}
}
}
진실을 반환하십시오.
}
12. 라디오가 선택되었는지 확인하십시오
다음과 같이 코드를 복사하십시오. <script language = "javaScript">
함수 checkform (OBJ)
{
for (i = 0; i <obj.oo.length; i ++)
if (obj.oo [i] .checked == true) true를 반환합니다.
Alert ( "Please Select")
거짓을 반환합니다.
}
</스크립트>
<form id = "form1"name = "form1"method = "post"action = "onsubmit ="return checkform (this) ">
<입력 유형 = "radio"name = "oo"value = "radiobutton" />
<입력 유형 = "radio"name = "oo"value = "radiobutton" />
<입력 유형 = "제출"이름 = "제출"value = "제출" />
</form>
이 기사의 설명이 JavaScript를 기반으로 한 모든 사람의 웹 프로그래밍에 도움이되기를 바랍니다.