该脚本正确地发送了表单的内容,但是当您按下发送按钮时,该模式没有关闭,因此它不会显示消息“谢谢您的反馈”。
我也在使用这些库。
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.7/css/bootstrap-dialog.min.css" rel="stylesheet">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap3-dialog/1.34.7/js/bootstrap-dialog.min.js"></script>
这是脚本:
var d = new Date();
$(document).ready(function(){
$(".hiddenURL").parent().parent().hide();
$(".hiddenURL").val(window.location.href);
$("#reportProblemButton").click(function(){
var clone = $("#formProblemContent");
var modalDialog = BootstrapDialog.show({
title: 'Report a Problem',
"message":clone,
"onhide":function(){
$("#formProblemContentHidden").append(clone);
},
buttons: [{
label: 'Close',
action:function(dr){
windows.close();
}
}, {
label: 'Report Issue',
cssClass: 'btn-primary',
action: function(dr){
if($("#g-recaptcha-response").val()!=""){
$.ajax({
'url':"/api/widget/json/get/contactDialogBoxEngine?devmode=1",
'method':'POST',
'data':$('form',clone).serialize(),
'success' :function(data){
windows.close();
BootstrapDialog.alert({
'title':'Ready!',
'type':BootstrapDialog.TYPE_SUCCESS,
'message':'Thank you for your feedback'
});
}
});
}
else{
alert('To Continue please click on the ReCaptcha Field');
}
}
}]
});
});
});
这是我的html
<div style="display:none;" id="formProblemContentHidden">
<div id="formProblemContent">
<?php echo form("reportProblem","",$w[website_id],$w); ?>
</div>
</div>