无法验证模式 bootstrap 中的输入

Question

嗨，我想在 bootstrap 模式
中验证输入通常我使用这样的东西

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

或像这样使用jquery validating plugins

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

但是他们中的 none 在 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>

在我上面的代码中，我有 2 种形式 formTest 和 formProduk
我在 formTest 中验证没有问题，只需 required 属性输入

同时 formProduk
我已经在输入 id=kode_barang
中使用了 required 但是在我单击按钮 save
之后，它只是在没有验证的情况下解析为 url produk.post

Answer 1

尝试这样的事情：

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

无法验证模式 bootstrap 中的输入

Can't validate input in modal bootstrap

jquery

jquery-validate

twitter-bootstrap

bootstrap-modal