자바 스크립트 양식 유효성 검사

자바 스크립트 양식 유효성 검사

자바 스크립트는 HTML 폼이 입력 데이터의 검증에 데이터를 서버로 보내지기 전에 사용될 수있다.

양식 데이터는 종종 그 정확성을 확인하기 위해 자바 스크립트를 사용해야합니다 :

• 폼 데이터가 비어 있는지 확인?


• 입력이 올바른 이메일 주소인지 여부를 확인?


• 올바르게 입력 날짜를 확인?


• 숫자 유형은 양식 입력의 유효성을 검사입니까?

필수 (또는 필수) 프로젝트

다음 기능은 사용자가 폼 (또는 필수) 프로젝트를 입력 할 필요가 있는지 여부를 확인하는 데 사용됩니다. 필요하거나 필요한 옵션이 비어있는 경우, 그렇지 않으면 함수의 반환 값이 (문제는 데이터 것을 의미) 사실, 경고 상자가 나타납니다, 그리고 함수의 반환 값은 false입니다 :

function validateForm()
{
	var x=document.forms["myForm"]["fname"].value;
	if (x==null || x=="")
	{
		alert("姓必须填写");
		return false;
	}
}

양식이 양식을 제출하면 위의 함수가 호출된다 :

E 메일 확인

데이터 입력 여부 기능 검사는 이메일 주소의 다음과 같은 기본 구문을 충족합니다.

그 점은 입력 데이터가 @ 기호와 도트를 포함해야한다는 것입니다 (.). 한편, @는 @ 및 포인트들 중 적어도 다수의 필요성 후 첫 문자 메일 주소가 아니다 :

function validateForm(){
	var x=document.forms["myForm"]["email"].value;
	var atpos=x.indexOf("@");
	var dotpos=x.lastIndexOf(".");
	if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){
		alert("不是一个有效的 e-mail 地址");
		return false;
	}
}

다음은 HTML 양식과 함께 전체 코드입니다 :