JavaScript 양식 유효성 검사

양식 제출을 시도하고 양식을 제출하기 전에 자격 증명을 확인하려고합니다.JavaScript 양식 유효성 검사

나는이 두 XHTML에 대한

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
     <head> 
      <title> Registration Form</title> 
      <meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
      <meta name="description" content="This is a form submission with validation"/> 
      <script type="text/javascript" src="validScript.js"></script> 
     </head> 

     <body> 
      <h1>Registration Form</h1> 
      <form id="registration" action="" onsubmit="return validation();" method="post" enctype="text/plain"> 
       <p>Name: <input type="text" name="name" id="name"/></p> 
       <p class="error">Email Address: <input type="text" name="emailAddress" id="emailAddress"/></p> 
       <p><input type="submit" name="submit" value="Submit"/></p> 
      </form> 
     </body> 

    </html>

자바 스크립트 포맷이 지금까지

HTML :

function validation() 
{ 
    var vname = document.registration.name; 

    if(nameValid(vname)) 
    { 
     return true; 
    } 
    return false; 
} 

function nameValid(vname) 
{ 
    var name_len = vname.value.length; 
    if (name_len == 0) 
    { 
     alert("Name is required"); 
     vname.focus(); 
     return false; 
    } 
return true; 
}

를가 사용자에게 경고가 표시되지 않습니다 어디 문제가있어 그가/그녀는 빈 이름을 물었다. 나는 그 이름을 유효하게하려고 노력하고있다. 그리고이 후에 나는 이메일 주소와 다른 필드를 추가하는 기능을 추가 할 것이다. 나중에이 양식을 도메인에 전자 메일로 보내는 데 사용됩니다. 누군가이 문제를 파악하는 데 도움을 줄 수 있습니까?

감사 form에서

출처

2013-02-26 user1709294

유효성 검사 기능이 잘못 될해야합니다. 액세스 폼 요소 값에 대한

function validation() 
{ 
    var vname = document.getElementById("name"); 

    if(nameValid(vname)) 
    { 
     return true; 
    } 
    return false; 
}

는 document.getElementById를 ("elementId로부터")를 사용하여 값이나 같은 자바 스크립트 라이브러리를 사용 Jquery

출처

2013-02-26 12:10:08 RedDevil79

감사합니다. 이것은 효과가 있었다. 내가 잘못한 문서 속성에 액세스했기 때문에 그럴 수도 있다는 느낌이 들었습니다. – user1709294