Question

嗨我想在bootstrap模态中验证输入
通常我会使用类似的东西

<input type="text" class="form-control" id="kode" name="kode" placeholder="Kode" required />

或像这样使用jquery validating plugins

$("#formTest").validate({
    rules: {
        kode: "required"
    }
});

但他们都没有在bootstrap模态中输入输入我在哪儿？

@update

<button class="btn btn-primary form-button" id="addNew">Tambah Produk</button> //button to show modal

<form method="post" id="formTest" action="">
    Username : <input type="text" id="username" class="form-control" name="username" required>
    <button class="btn btn-primary" type="submit"></button
</form>

<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">Modal Default</h4>
        </div>
        <div class="modal-body">

            <form method="post" id="formProduk" action="{{ URL::route('produk.post') }}">
                <div class="row form-group ">
                    <label for="kode_barang" class="control-label col-sm-3">Kode Barang<span class="required">*</span></label>
                    <div class="col-sm-9">
                      <input type="text" class="form-control" id="kode_barang" name="kode_barang" placeholder="Kode Barang" required />
                    </div>
                </div>

                <button type="button" class="btn btn-primary" type="submit" id="saveData">Save</button>
            </form>
        </div>
      </div>
    </div>
</div>

在上面的代码中，我有两种表单formTest和formProduk
我没有问题要在formTest中使用输入中的required属性进行验证

同时在formProduk中我已在输入required中使用id=kode_barang 但是在我点击按钮save之后，它只是解析而没有验证到网址produk.post

Answer 1

尝试这样的事情：

$('.modal').on('shown.bs.modal', function () {
    $("#formTest").unbind().validate({
        rules: {
            kode: "required"
        }
    });
});

无法在模态引导程序中验证输入

1 个答案: