jQueryの検証は、私はjQueryの検証と短い形式を検証しようとしている入力

Question

を隠していることは

これは私の関数である：

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

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

、これが私のフォームです：

<?= 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()?> 

私はフィールドを空のままにして検証を行おうとしますが、入力は隠れています。私は理由を知らず、私は自分のエラーを理解できません。

あなたは私を助けることができますか？事前に

おかげ

これらは、フォームのイメージや隠された入力であり、あなたがボタンを押してフィールドが空の

JsFiddle：My JsFiddle

Answer 1

おかげで、私はすでにこの原因を見つけましたフォームは、魔法のようにすべての作品

Answer 2

スクリプトが正しい場合は、ビューファイルを置き換えます次のように入力し、ラベルが含まれている私にはわからない

理由が、

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

削除：すべての人たちへ

<? 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();?>