Pourquoi mon validateur ne fonctionne-t-il pas?

-1

quelqu'un peut-il me dire pourquoi le code suivant ne fonctionne pas?Pourquoi mon validateur ne fonctionne-t-il pas?

<script type="text/javascript" src="../../Scripts/jquery.js"></script> 
<script type="text/javascript" src="../../Scripts/jquery.validate.js"></script> 
    <script type="text/javascript"> 
    $(function() { 
     // validate contact form on keyup and submit 
     $("#myform").validate({ 
      //set the rules for the fild names 
      rules: { 
       hour: { 
        required: true, 
        minlength: 2, 
        range:[0,23] 
       }, 
       minute: { 
        required: true, 
        minlength: 2, 
        range:[0,60] 
       }, 
      }, 
      //set messages to appear inline 
      messages: { 
       hour: "Please enter a valid hour", 
       minute: "Please enter a valid minute" 
      } 
     }); 

    }); 
</script> 
<style type="text/css"> 
.error { 
    color: red; 
    font: 12pt verdana; 
    padding-left: 10px 
} 
</style> 

    <form id="myform" method="" action=""> 

    <input id="hour" type="text" name="hour" style="width:30px; text-align:center;"></input> : 

    <input id="minute" type="text" name="minute" style="width:30px; text-align:center;"></input> 
    <br/> 
    <input type="submit" value="Validate!" /> 
</form>

un million grâce à l'avance, Lina

Source

2010-04-08 Lina

Oui, peut-on lire cette question lire dans les pensées? donnez-nous un indice, quelles erreurs obtenez-vous dans Firebug etc –

Désolé de ne pas préciser clairement, je suis un débutant :) Je ne reçois aucune erreur ou d'avertissement, ni rien d'autre, ça ne fonctionne pas! Je ne reçois aucun message d'erreur lorsque je saisis de fausses valeurs, et lorsque je clique sur le bouton "Valider" alors tout ce que j'avais écrit dans les champs disparaît, pourquoi? – Lina

Je ne vois rien de mal avec votre code. Assurez-vous que l'adresse des scripts inclus est correcte. Voici un exemple de travail en utilisant jquery et jquery.validate de Microsoft CDN:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>test</title> 
    <style type="text/css"> 
    .error { 
     color: red; 
     font: 12pt verdana; 
     padding-left: 10px 
    } 
    </style> 
</head> 
<body> 
    <form id="myform" action=""> 
     <input id="hour" type="text" name="hour" style="width:30px; text-align:center;" /> : 
     <input id="minute" type="text" name="minute" style="width:30px; text-align:center;" /> 
     <br/> 
     <input type="submit" value="Validate!" /> 
    </form> 

    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script> 
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.5.5/jquery.validate.min.js"></script> 
    <script type="text/javascript"> 
    $(function() { 
     // validate contact form on keyup and submit 
     $("#myform").validate({ 
      //set the rules for the fild names 
      rules: { 
       hour: { 
        required: true, 
        minlength: 2, 
        range:[0,23] 
       }, 
       minute: { 
        required: true, 
        minlength: 2, 
        range:[0,60] 
       }, 
      }, 
      //set messages to appear inline 
      messages: { 
       hour: "Please enter a valid hour", 
       minute: "Please enter a valid minute" 
      } 
     }); 

    }); 
    </script> 
</body> 
</html>

Source

2010-04-08 08:12:30

D'accord, je l'ai essayé moi-même (en utilisant d'autres liens pour les fichiers js) et cela a fonctionné. – Jakob

Merci beaucoup Darin, ça marche maintenant :) Tack Jakob :) – Lina

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html> 
<head> 
<title>Simple Form Validation</title> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $("#myform").validate({ 
     //set the rules for the fild names 
     rules: { 
      hour: { 
       required: true, 
       minlength: 2, 
       range:[0,23] 
      }, 
      minute: { 
       required: true, 
       minlength: 2, 
       range:[0,60] 
      }, 
     }, 
     //set messages to appear inline 
     messages: { 
      hour: "Please enter a valid hour", 
      minute: "Please enter a valid minute" 
     } 
    }); 
}); 
</script> 

<style type="text/css"> 
.error { 
    color: red; 
    font: 12pt verdana; 
    padding-left: 10px 
} 
</style> 
</head> 

<body> 
    <form id="myform" method="" action=""> 
     <input id="hour" type="text" name="hour" style="width:30px; text-align:center;"></input> 
     <input id="minute" type="text" name="minute" style="width:30px; text-align:center;"></input> 
     <br/> 
     <input type="submit" value="Validate!" /> 
    </form> 
</body> 
</html>

travaille

Source

2010-04-08 08:16:45 x4tje

Pourquoi mon validateur ne fonctionne-t-il pas?

Répondre

Questions connexes