자바 스크립트 유효성 검사 :

Question

전자 메일 유효성 검사 프로그램부터 유효성 검사가 중지되는이 문제가 발생합니다.

나는 며칠 후에도 그것을보고 왜 누군가 내 실수를 지적 할 수 있는지 궁금해하고 있습니다.

자바 스크립트 부분 :

function validateForm() 
{ 
var x=document.forms["myForm"]["firstname"].value; 

if (x==null || x=="") 
    { 
    alert("First name must be filled out"); 
    return false; 
    } 

var x=document.forms["myForm"]["lastname"].value; 

if (x==null || x=="") 
    { 
    alert("Last name must be filled out"); 
    return false; 
    } 

var x=document.forms["myForm"]["age"].value; 

if (x==null || x=="" || x < 18 || x > 110 || isNaN(x)) 
    { 
    alert("Age must be 18-110"); 
    return false; 
    } 

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("Not a valid e-mail address"); 
    return false; 
    } 

var x=document.forms["myForm"]["phone"].value; 
var pattern = /^\(?([0-9]{2})\)?[ ]+([0-9]{4})[ ]+([0-9]{4})$/; 

if (x==null || x=="") 
    { 
    alert("Not a valid phone number"); 
    return false; 
    } else if (x.match(pattern)) { 
    return true; 
    } else { 
    alert ("Phone number must be in the following format: xx xxxx xxxx"); 
    return false; 
    } 
} 

이 양식의 일부입니다

<form id="myForm" action="../includes/create-user.php" onsubmit="return validateForm();" method="post"> 
    <div id = "table"> 
     <table> 
     <tr> 
      <td>First Name: </td> 
      <td><input type="text" name="firstname" id="firstname"/></td> 
     </tr> 
     <tr> 
      <td>Last Name: </td> 
      <td><input type="text" name="lastname" id="lastname"/></td> 
     </tr> 
     <tr> 
      <td>Age: </td> 
      <td><input type="text" name="age" id="age"/></td> 
     </tr> 
     <tr> 
      <td>E-mail (username): </td> 
      <td><input type="text" name="user" id="user1"/></td> 
     </tr> 
     <tr> 
      <td>Password: </td> 
      <td><input type="password" name="pass" id="pass1"/></td> 
     </tr> 
     <tr> 
      <td>Phone: </td> 
      <td><input type="text" name="phone" id="phone"/></td> 
     </tr> 
     </table> 
    </div> 
    <div> 
     <input type="submit" name="submit" id="submit" value="Register"/> 
    </div> 
</form> 

Answer 1

눈에 띄는 첫 번째 것은 당신이 당신의 분야 지정하는 것입니다 : ID로

<td><input type="text" name="user" id="user1"/></td> 

을 = 'user1' 그리고 스크립트에서 이메일을 찾으십시오

var x=document.forms["myForm"]["email"].value;