JavaScript 양식 유효성 검사 구현 code_javascript 기술-JS 튜토리얼-php.cn

JavaScript 양식 유효성 검사 구현 code_javascript 기술

Y2J

풀어 주다： 2017-05-23 13:22:41

원래의

1723명이 탐색했습니다.

이 글에서는 주로 자바스크립트 양식 검증의 구현 코드를 자세히 소개하며, 이는 특정 참조 값을 가지고 있습니다. 관심 있는 친구들은 이를 참고할 수 있습니다.

자바스크립트는 데이터가 서버로 전송되기 전에 처리하는 데 사용할 수 있습니다. . HTML 형식에서 이러한 입력 데이터의 유효성을 검사합니다.

JavaScript 형식 유효성 검사

JavaScript를 사용하면 데이터가 생성되기 전에 HTML 형식에서 이러한 입력 데이터의 유효성을 검사할 수 있습니다. 확인을 위해 데이터를 입력하세요.
JavaScript로 확인되는 일반적인 양식 데이터는 다음과 같습니다.
사용자가 양식의 필수 필드를 입력했습니까?
사용자가 입력한 이메일 주소가 합법적인가요?
사용자가 유효한 날짜를 입력했나요?
사용자가 숫자 필드에 텍스트를 입력했나요?

필수(또는 필수) 항목

다음 함수는 사용자가 필수(또는 필수) 항목을 입력했는지 확인하는 데 사용됩니다. 형태로 선택) 프로젝트. 필수이거나 필수 필드가 비어 있으면 경고 상자 가 팝업되고 함수의 반환 값은 false이고, 그렇지 않으면 함수의 반환 값이 true입니다(의미). 데이터에는 문제가 없습니다) :

function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
 {alert(alerttxt);return false}
else {return true}
}
}

로그인 후 복사

여기 HTML 형식과 코드가 있습니다:

<html>
<head>
<script type="text/javascript">

function validate_required(field,alerttxt)
{
with (field)
 {
 if (value==null||value=="")
  {alert(alerttxt);return false}
 else {return true}
 }
}

function validate_form(thisform)
{
with (thisform)
 {
 if (validate_required(email,"Email must be filled out!")==false)
  {email.focus();return false}
 }
}
</script>
</head>

<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit"> 
</form>
</body>

</html>

로그인 후 복사

이메일 확인

입력된 데이터가 이메일 주소의 기본 구문과 일치하는지 확인하는 기능입니다.
입력한 데이터에는 @ 기호와 마침표(.)가 포함되어야 함을 의미합니다. 동시에 @는 이메일 주소의 첫 번째 문자가 될 수 없으며 @ 뒤에 마침표가 하나 이상 있어야 합니다.

function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2) 
 {alert(alerttxt);return false}
else {return true}
}
}

로그인 후 복사

다음은 전체 코드입니다. HTML 형식 사용: