web-dev-qa-db-fra.com

Twitter Bootstrap Validation de formulaire

Duplicata possible:
Comment utiliser Twitter Bootstrap popovers pour les notifications de validation jQuery?

Essayer d'utiliser les styles de bootstrap pour la validation de formulaire.

J'utilise ce validateur javascript, qui a été personnalisé pour le bootstrap: https://github.com/ddarren/jQuery-Live-Form-Validation-For-Twitter-Bootstrap

Dans la tête:

    <link href="bootstrap.css" rel="stylesheet">
    <script src="jquery.validate.js" type="text/javascript">

Dans le corps:

    <form id="Form" action="" method="post">
      <div class="control-group">
        <input type="text" class="span3" id="Mobile" placeholder="Mobile
          Phone Number" name="Mobile">
      </div>

      <div class="control-group"> 
        <button type="submit" class="btn btn-primary btn-large">Submit
          </button></p>
      </div>
    </form>

Et cela ne met pas en évidence les champs avec les styles d'erreur de bootstrap. Des idées où je me trompe? Merci d'avance.

formstwitter-bootstrapvalidation
19
stackunderflow

Je travaille sur quelque chose de similaire, donc je pense que je pourrais vous aider.
Tout d'abord, jQuery-Live-Form-Validation-For-Twitter-Bootstrap la bibliothèque est assez ancienne (septembre 2009).
Il utilise la version 1.3.2 de jQuery (le plus récent est 1.7.1) et il n'utilise pas l'original Bootstrap fichiers du tout!
Si vous avez téléchargé jQuery-Live-Form-Validation-For-Twitter-Bootstrap (ce que je suis sûr que vous avez fait) de github site, vous pouvez facilement vous enregistrer css dossier qu'il y a deux fichiers css écrits par l'auteur de cette bibliothèque.
En réponse à votre question, j'ai téléchargé cette lib et j'ai collé votre code et ... ça marche.
Simplement, vous devez avoir tête ceci (et ces fichiers dans des dossiers):

<link rel="stylesheet" type="text/css" href="stylesheets/jquery.validate.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
<script src="lib/jquery/jquery-1.3.2.js" type="text/javascript">
</script>
<script src="javascripts/jquery.validate.js" type="text/javascript">
</script>

ce qui est originellement tiré de jQuery-Live-Form-Validation-For-Twitter-Bootstrap.
Si vous voulez vraiment avoir Twitter Bootstrap validation de formulaire avec jQuery Je voudrais vous recommander d'utiliser combiné Twitter Bootstrap et Plugin de validation jQuery .
J'y travaille maintenant et cela fonctionne parfaitement.

26
Neu5