forms - template - Validación del formulario Bootstrap de Twitter

formulario bootstrap 4

Question

Posible duplicado:
¿Cómo utilizar los elementos emergentes de Twitter Bootstrap para las notificaciones de validación de jQuery?

Tratando de usar los estilos de bootstrap para la validación de formularios.

Estoy usando este validador de javascript, que fue personalizado para bootstrap: https://github.com/ddarren/jQuery-Live-Form-Validation-For-Twitter-Bootstrap

En la cabeza:

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

En el cuerpo:

    <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>

Y no resalta los campos con los estilos de error de bootstrap. ¿Alguna idea de dónde voy mal? Gracias por adelantado.

Answer 1

Estoy trabajando en algo similar, así que creo que podría ayudarte.
En primer lugar, la biblioteca jQuery-Live-Form-Validation-For-Twitter-Bootstrap es bastante antigua (septiembre de 2009).
Utiliza la versión 1.3.2 de jQuery (la más nueva es 1.7.1) y no usa los archivos originales de Bootstrap .
Si descargó jQuery-Live-Form-Validation-For-Twitter-Bootstrap (lo que estoy seguro de que hizo) del sitio github , puede verificar fácilmente en la carpeta css que hay dos archivos css escritos por el autor de esa biblioteca.
Respondiendo a tu pregunta, descargué esa biblioteca y pegué tu código y ... funciona.
Simplemente, debe tener en cuenta esto (y esos archivos en carpetas):

<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>

lo que originalmente se tomó de jQuery-Live-Form-Validation-For-Twitter-Bootstrap .
Si realmente desea tener la validación del formulario de Bootstrap de Twitter con jQuery, me gustaría recomendarle que utilice el complemento Bootstrap de Twitter y el complemento de validación de jQuery .
Estoy trabajando en ello ahora y funciona perfectamente.