jQuery Validate verbergen Eingänge

Question

Ich versuche, ein kurzes Formular mit jQuery Validate zu validieren

das ist meine Funktion:

$('#add').click(function(){ 
    $('#addForm').validate({ 
     rules: { 
      "nombre": { 
       required: true 
      }, 
      "cajas": { 
       required: true 
      }, 
     }, 

     messages: { 
      "nombre": "Campo obligatorio", 
      "cajas": "Campo Obligatorio", 
     } 
    }); 
}); 

und dies ist meine Form:

<?= form_open('Sucursales/agregarSucursal', 'class="form-inline targen text-center" id="addForm"') ?> 
     <div class="form-group"> 
      <label>Nombre: </label> 
      <input type="text" name="nombre" id="nombre" class="form-control"> 
     </div> 
     <div class="form-group"> 
      <label>Número de Cajas: </label> 
      <input type="text" name="cajas" id="cajas" class="form-control"> 
     </div> 
     <div class="form-group"> 
      <button class="btn btn-inverse btnInline" id="add">Agregar</button> 
     </div> 
<?=form_close()?> 

Wenn Ich versuche, die Validierung zu machen, die Felder leer zu lassen, die Eingabe ist versteckt, ich weiß nicht warum, und ich kann meinen Fehler nicht verstehen.

Können Sie mir helfen Jungs?

Vielen Dank im Voraus

Dies sind die Bilder der Form und die versteckten Eingänge, wenn Sie den Knopf drücken, wenn die Felder

JsFiddle leer sind: My JsFiddle

Answer 1

Danke an alle Jungen, fand ich schon die Ursache dafür:

Ich weiß nicht, warum, aber

<div class="form-group"></div> 

zu entfernen, die die Eingabe und Etikett des enthält Form macht, dass alles funktioniert wie ein Zauber

Answer 2

Wenn Ihr Skript korrekt ist. Ersetzen Sie dann die Ansichtsdatei wie folgt:

<? echo form_open('Sucursales/agregarSucursal', array('class'=>'form-inline targen text-center', 'id'=>'addForm')); ?> 
     <div class="form-group"> 
      <label>Nombre: </label> 
      <input type="text" name="nombre" id="nombre" class="form-control"> 
     </div> 
     <div class="form-group"> 
      <label>Número de Cajas: </label> 
      <input type="text" name="cajas" id="cajas" class="form-control"> 
     </div> 
     <div class="form-group"> 
      <button type="submit" class="btn btn-inverse btnInline" id="add">Agregar</button> 
     </div> 
<? echo form_close();?>