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