Question

我正在尝试使用jQuery Validate

验证简短表单

这是我的功能：

$('#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

如果你的脚本是正确的。然后按如下方式替换视图文件：

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

Answer 2

感谢所有人，我已经找到了原因：

我不知道为什么要删除

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

包含表单的输入和标签使得所有内容都像魅力一样

jQuery Validate隐藏输入

2 个答案: