2011-11-09 7 views
2

Je suis en train de valider un formulaire HTML en utilisant javascript le code est ci-dessousformulaire HTML vaidation en utilisant javascript

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 


     <title></title> 
    </head> 
    <body> 
     <script type="text/javascript"> 
    function validate(){ 
     if(document.form1.thbox.checked) 
      { 
       alert("yes"); 
      } 
      else 
       alert("no"); 
    } 

    </script> 
     <form name="form1" method="get"> 
      <input type="checkbox" name="thebox"/> 
      <input type="button" value="press me" onclick="validate()"/> 
      </form> 
    </body> 
</html> 

chaque fois que je tente d'appuyer sur rien bouton fonctionne Quelqu'un peut-il s'il vous plaît me dire pourquoi? Merci

+0

Comme une note de côté, la manière "classique" de valider un form est d'utiliser l'attribut 'onsubmit' dans la balise'

': ''. Et dans votre fonction 'validate', vous renvoyez' true' pour autoriser la soumission, ou 'false' pour l'annuler. Dans ce cas, le bouton doit être de type 'submit' au lieu de' button'. – Rodolphe

Répondre

5

Modifier if(document.form1.thbox.checked)-if(document.form1.thebox.checked) Vous avez manqué e dans thebox

http://jsfiddle.net/eJhzf/

+0

Merci beaucoup –

1

Peut-être parce checked n'est pas une propriété valide de undefined:

HTML:

name="thebox" 

Javascript:

form1.thbox.checked 

Notez le manquant e, donc, il devrait être:

form1.thebox.checked 
0

utiliser cette méthode

if (document.form1.thebox.checked == false) 
{ 
    alert ("Please select check box."); 

} 
      else { 
       // your code or message 
      } 

et utiliser thebox au lieu de thbox

Questions connexes