Re : 폼 유효성 검사가 작동하지 않습니다.

Question

저는 백엔드 기술에 관한 초보자이며, 미리 양해 해 주셔서 감사드립니다. 나는 하나의 링크가 문의 양식 (아래 참조) 인 PHP 포함 웹 사이트를 개발 중이다. 폼의 필드가 javascript를 사용하여 유효성을 검사해야합니다 (아래 코드 참조). 나는 또한 로컬 서버 (WAMP)를 사용하고있다. 양식이 포함 된 페이지를로드하고 잘못된 문자를 입력하거나 양식 필드를 비워두면 오류 메시지가 표시되지 않습니다. 어떤 도움이라도 대단히 감사합니다 ... 양해 해 주셔서 다시 한번 감사드립니다.

PHP 문서 (contact.php)

<link rel="stylesheet" type="text/css" href="style.css" /> 
<script type="text/javascript" src="form2.js"></script> 

<?php require 'Includes/Header.php'; ?> 
<div class="wrapper"> 
    <div id="contact-form"> 
    <h5>Contact Form</h5> 
    <form method="post" action="contact.php"> 

    <label for="name">Name:</label> 
    <input type="text" id="name" name="name"> 

    <label for="email">Email:</label> 
    <input type="email" id="email" name="email"> 

    <label for="message">Message:</label> 
    <textarea id="message" name="message"></textarea> 


    <button type="submit">Send</button> 
</form>   
     <div class="clear"></div> 
</div> 
</div> 


<?php require 'Includes/Footer.php'; ?> 

자바 스크립트 (form2.js)

function validate(form){ 
    var name = form.name.value; 
    var name = form.email.value; 
    var name = form.message.value; 

    if (name.length == 0 || name.length > 200) 
    { 
     alert ("You must enter a name."); 
     return false; 
    } 

    if (email.length == 0 || email.length > 200) 
    { 
     alert ("You must enter a email."); 
     return false; 
    } 

    if (message.length == 0) 
    { 
     alert ("You must enter a message."); 
     return false; 
    } 

    return true; 
} 

Answer 1

그것은 당신의 유효성 검사() 함수를 호출처럼 보이지 않는다. 의 라인을 따라 뭔가를보십시오 :

<form method="post" action="contact.php" onsubmit="return validate()"> 

은 W3 스쿨에서이 example에 따라 ... 당신이 일을하려고 정확히 것 같다. 변수에 값을 할당하지 않았습니다. 양식에 이름을 지정하고 (예 : name="myform")이 예에서 변수를 동일한 방식으로 참조하십시오.

var name = document.form["myform"]["name"].value;