JavaScript 양식 유효성 검사에 대한 관련 설명-JS 튜토리얼-php.cn

JavaScript 양식 유효성 검사에 대한 관련 설명

jacklove

풀어 주다： 2018-05-07 10:45:22

원래의

1511명이 탐색했습니다.

JavaScript 양식 확인은 웹사이트 로그인 및 등록에 중요한 역할을 하므로 이 문서에서는 이에 대한 자세한 이해를 제공할 것입니다.

JavaScript 양식 유효성 검사

JavaScript는 데이터가 서버로 전송되기 전에 HTML 양식에서 이러한 입력 데이터의 유효성을 검사하는 데 사용할 수 있습니다.

양식 데이터의 정확성을 확인하려면 종종 JavaScript가 필요합니다.

양식 데이터가 비어 있는지 확인하시겠습니까?

입력한 이메일 주소가 올바른지 확인하시겠습니까?

날짜가 제대로 입력되었는지 확인하셨나요?

양식 입력 내용이 숫자인지 확인하시나요?

필수(또는 필수) 항목

다음 기능은 사용자가 양식에 필수(또는 필수) 항목을 입력했는지 확인하는 데 사용됩니다. 필수이거나 필수 필드가 비어 있으면 경고 상자가 나타나고 함수의 반환 값은 false입니다. 그렇지 않으면 함수의 반환 값이 true입니다(데이터에 문제가 없음을 의미).

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

로그인 후 복사

양식이 제출되면 위 함수가 호출됩니다. 호출:

Instance

<form name="myForm" action="demo-form.php" onsubmit="return validateForm()" method="post">姓: <input type="text" name="fname"><input type="submit" value="提交"></form>

로그인 후 복사

E-mail Validation

다음 함수는 입력된 데이터가 이메일 주소의 기본 구문을 준수하는지 확인합니다.

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

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 형식과 함께 전체 코드입니다.

Example

<form name="myForm" action="demo-form.php" onsubmit="return validateForm();" method="post">
    Email: <input type="text" name="email">
    <input type="submit" value="提交"></form>

로그인 후 복사

이 기사 JavaScript 양식 검증에 대한 지식이 있습니다. 더 많은 학습 자료를 보려면 PHP 중국어 웹사이트를 참고하세요.