проверка формы с использованием javascript не работает

Question

Я пытаюсь проверить свою регистрационную форму, но ее не работает, я google, но не нашел решение. вот мой Javascript код:

 <script> 
     function validateForm() { 
     var x = document.forms["form"]["firstname"].value; 
     if (x==null || x=="") { 
     alert("First name must be filled out"); 
     return false; 
     } 
     } 
     </script> 

и моя форма:

<form name="form" id="form" action="register.php" method="post" 
    enctype="multipart/form-data" onsubmit="return validateForm()"> 

     <span class="required">*</span> First Name:</td> 
     <input type="text" name="firstname" id="firstname" value="" /> 
     <input type="submit" value="Continue" class="button" /> 

    </form> 

Answer 1

Установка для это неверно. Итак, я отредактировал его, чтобы показать лучший способ. Не идеальный путь, но ближе к тому, что вы уже написали.

Изменение его вокруг, как это:

<form name="form" id="form" action="register.php" method="post" 
    enctype="multipart/form-data"> 

     <span class="required">*</span> First Name:</td> 
     <input type="text" name="firstname" id="firstname" value="" /> 
     <input type="button" value="Continue" class="button" onclick="validateForm()" /> 

    </form> 

Затем, сделайте представление, если она проходит:

<script> 
diItPass=1; 
     function validateForm() { 
     var x = document.forms["form"]["firstname"].value; 
     if (x==null || x=="") { 
     alert("First name must be filled out"); 
     didItPass=0; 
if (didItPass==1) { document.getElementById("form").submit() } 


     } 
     } 
     </script> 

Идея заключалась в том, чтобы установить переменную, чтобы показать, если форма передается представление. Если да, отправьте его. Если он не отображает предупреждение и ничего не делает.

Answer 2

Вы должны использовать document.getElementById чтобы получить значение входа ПгвЬЫата. Я сделал скрипку здесь, если вы хотите, чтобы он работал: http://jsfiddle.net/365qebye/1/

function validateForm() {   
     var x = document.getElementById("firstname").value;   
     if (x === null || x === "") { 
      alert("First name must be filled out"); 
      return false; 
     } 
    }