Twitter bootstrap 引导验证组

Twitter bootstrap 引导验证组,twitter-bootstrap,bootstrap-modal,Twitter Bootstrap,Bootstrap Modal,bootstrap是否有类似ASP.NET的验证组选项,用于在提交时验证表单 我有一个页面,我希望用户提交主表单上的信息,或者单击另一个按钮,并有一个模式弹出窗口供用户提交第二组数据。当我这样做时,它会尝试验证两组信息,但我只希望它验证他们选择的信息集 下面是显示这一点的代码示例。用户应该发送到一个地址或通过模式添加一个新地址。目前,它验证所有地址字段,但我只希望主窗体上的地址字段或模式上的地址字段 <form> <div class="col-sm-12

bootstrap是否有类似ASP.NET的验证组选项,用于在提交时验证表单

我有一个页面,我希望用户提交主表单上的信息,或者单击另一个按钮,并有一个模式弹出窗口供用户提交第二组数据。当我这样做时,它会尝试验证两组信息,但我只希望它验证他们选择的信息集

下面是显示这一点的代码示例。用户应该发送到一个地址或通过模式添加一个新地址。目前,它验证所有地址字段,但我只希望主窗体上的地址字段或模式上的地址字段

    <form>


<div class="col-sm-12">
    <div class="form-group row">
        <label for="cbSaveAddress" class="col-sm-2 col-form-label">Save Address:</label>
        <div class="col-sm-6">
            <input id="cbSaveAddress" type="checkbox" name="cbSaveAddress"/>                   
        </div>
        <div class="col-sm-4 col-form-label text-danger">&nbsp;</div>                      
    </div>
    <div class="form-group row">
        <label for="txtAddress" class="col-sm-2 col-form-label">Address:</label>
        <div class="col-sm-6">
            <input name="txtAddress" type="text" id="txtAddress" class="form-control" placeholder="Address" required="required" />       
        </div>
        <div class="col-sm-4 col-form-label text-danger">
            <span>*</span>
        </div>
    </div>
    
    <div class="form-group row">
        <div class="col-sm-offset-2 col-sm-10">
            <input type="submit" name="btnSend" value="Send"  id="btnSend" class="btn btn-primary btn-xs" />      
        </div>
    </div>
</div>

<div class="col-sm-12">
               <input type="button" name="btnAddNewAddress" value="Add New Address" id="btnAddNewAddress" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#modalAddAddress" /
</div>
</div>

<div class="modal fade" id="modalAddAddress" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Add Address</h4>
            </div>
            <div class="modal-body">
                <p>
                    <div class="col-sm-12">
                        <div class="form-group row">
                            <label for="txtAddAlias" class="col-sm-2 col-form-label">Alias:</label>
                            <div class="col-sm-6">
                                <input name="txtAddAlias" type="text" id="txtAddAlias" class="form-control" placeholder="Address" required="required" />       
                            </div>
                            <div class="col-sm-4 col-form-label text-danger">
                                <span>*</span>          
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group row">
                            <label for="txtAddAddress" class="col-sm-2 col-form-label">Address:</label>
                            <div class="col-sm-6">
                                <input name="txtAddAddress" type="text" id="txtAddAddress" class="form-control" placeholder="Address" required="true" />       
                            </div>
                            <div class="col-sm-4 col-form-label text-danger">
                                <span>*</span>
                            </div>
                        </div>
                    </div>
                </p>
            </div>
            <div class="modal-footer">
            <button type="submit" class="btn btn-danger">Submit</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

</form>

保存地址:
地址:
*