javascript - 如何使用 Bootstrap 数据切换 ="validator"但启用提交按钮

Question

我正在使用 Bootstrap 3 并且我想验证一个表单使用 data-toggle="validator" 只是我想要启用提交按钮并在提交时如果输入字段为空警告用户点击。非常感谢任何帮助!

这是我的代码示例

 <form id="checkout" method="post" data-toggle="validator">
         <input class="form-control" type="text" required="required" 
         data-error="Please enter your name" placeholder="First name" />

         <button id="inputForm" type="submit" class="btn btn-prio-one">
                  <span>Submit</span>
         </button>
 </form

Answer 1

添加属性data-disable="false"到表单标签，应该启用 Submit按钮。

<form id="checkout" method="post" data-toggle="validator" data-disable="false">

工作示例:

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"></link>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.5/validator.min.js"></script>
<form data-toggle="validator" role="form" data-disable="false">
    <div class="form-group">
        <label class="control-label" for="inputName">Name</label>
        <input class="form-control" data-error="Please enter your name" id="Name" placeholder="First Name" type="text" required />
        <div class="help-block with-errors"></div>
    </div>
    <div class="form-group">
        <button class="btn btn-primary" type="submit">
            Submit
        </button>
    </div>
</form>