bootstrapValidator ajax 请求,防止在提交后关闭引导模式
bootstrapValidator ajax request, prevent closing bootstrap modal after submitting
嗨,我
使用bootstrapValidator来验证我的表单,我不知道在验证表单后在哪里添加ajax请求。 并且还希望防止在提交表单后关闭引导模式。 我提出了类似的问题,但仍然无法使其工作。
这是我的引导模式
<a href="#"class="btn btn-lg btn-black ico-windows" data-backdrop="static" data-keyboard="false" data-toggle="modal" data-target="#AddAlbum" > Create New Album </a>
<!-- Modal -->
<div class="modal fade" id="AddAlbum" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title" id="myModalLabel">Create New Album</h4>
</div>
<div class="modal-body">
<div id="formregister">
<form action="" class="form-horizontal" role="form" id="newAlbum" >
<p class="qc-errmsg" style="display: none;"> </p>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Album Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="inputEmail3" name="albumName" placeholder="Album Name">
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label" >Description</label>
<div class="col-sm-10">
<textarea class="form-control" rows="3" name="description"></textarea>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" onclick="send()" value="cart" class="btn btn-primary">Save Changes</button>
</div>
</div>
</form>
</div> <!-- form register -->
<div id="successfulpost" style="font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #ff0000; display: none;">
<p class="jst-txt"><span>Thank you,</span> for showing your Interest !!</p>
<p class="jst-txt">Our property advisor shall get in touch with you very shortly..</p>
</div>
</div> <!-- model body-->
</div>
</div>
</div>
这是我的 JavaScript
$(document).ready(function () {
//validations
$('#newAlbum').bootstrapValidator({
// To use feedback icons, ensure that you use Bootstrap v3.1.0 or later
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
albumName: {
message: 'The Album Name is not valid',
validators: {
notEmpty: {
message: 'The Album Name is required and cannot be empty'
},
stringLength: {
min: 6,
max: 30,
message: 'The Album Name must be more than 6 and less than 30 characters long'
},
regexp: {
regexp: /^[a-zA-Z0-9]+$/,
message: 'The Album Name can only consist of alphabetical and number'
}
},
//form.submit();
}
}
},
submitHandler: function(form) {
$(form).ajaxSubmit({
url: "add_album.php",
type: "POST",
success: function () {
alert('done');
$('#newAlbum').hide();
$('#successfulpost').show();
}
});
});
我为此制作了一个 JSBINhttp://jsbin.com/xatog/8/edit?html,js,output
您使用的是版本 0.5.3。他们删除了submithandler
选项并添加了事件success.form.bv
。
$(form)
.bootstrapValidator(options)
.on('success.form.bv', function(e) {
// Prevent form submission
e.preventDefault();
var $form = $(e.target),
validator = $form.data('bootstrapValidator'),
submitButton = validator.getSubmitButton();
// Do whatever you want here ...
});
来源在这里
在这里摆弄
相关文章:
- 如果返回false,如何在提交时关闭引导模式
- 提交表单后,模式窗口未关闭
- 如何防止引导模式关闭表单提交使用代码点火器
- 提交的启动模式对话框未显示id值
- 如何在通过 AJAX 提交后显示模式窗体
- 无法在提交模式弹出窗口时禁用 .btn 默认值
- 关闭模式而不提交列表器
- 由多个按钮提交的一个模式引导表单
- 在单击回车键并从引导模式窗口中点击提交按钮时提交表单数据
- 无法在提交时获取引导模式显示
- 防止引导模式在单击提交按钮时关闭
- 在表单提交时隐藏模式
- 防止引导模式窗口在提交表单时关闭
- 提交表单后,将引导模式显示为“谢谢”
- bootstrapValidator ajax 请求,防止在提交后关闭引导模式
- 在 Jquery - jTable 中创建/更新模式的字段末尾添加自定义按钮,如提交按钮
- 引导模式注册表验证并提交
- 在“模式”对话框中提交表单
- 以引导模式提交信用卡表格
- Bootstrap模式-提交不工作