Ajax表单提交& Javascript确认错误
Ajax表单提交& Javascript确认错误
提问于 2012-03-09 06:06:03
我有一个通过Ajax提交的表单，目前它工作得很好。我尝试添加一个确认选项，通过添加以下行来允许/阻止Ajax提交：
var answer = confirm('Submit now?');
return answer // answer is a boolean
if(answer) { ... }下面是我的完整函数，如您所见，它在单击submit按钮时触发。当用户在对话框中选择in时，会出现错误。整个页面都会刷新，并且任何单个Ajax警告都会在空白屏幕的顶部返回。在正常情况下，如果没有此确认码，错误消息将出现在表单底部的div#result标记中。
$("#submitbtn").click(function() {
var answer = confirm('Submit now?');
return answer // answer is a boolean
if(answer) {
$('#result').html('<img id="loading" src="images/loading.gif" />').fadeIn();
var input_data = $('#create_po').serialize();
$.ajax({
type: "POST",
url: "<?php echo "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>",
data: input_data,
success: function(msg){
$('#loading').remove();
$('<div>').html(msg).appendTo('div#result').hide().fadeIn('slow');
}
});
return false;
}
});我应该如何实现不刷新屏幕的确认对话框？任何建议都将不胜感激。谢谢!
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-03-09 06:08:56
您正在执行return answer。这在这里没有任何意义。
它将停止JavaScript函数，并返回布尔值。删除这一行，您就可以设置
另外，如果确认框为false，则添加此选项以使您的提交不会触发;)
if (answer){
// your ajax call
}
else {
return false;
}Stack Overflow用户
发布于 2012-03-09 06:09:22
请不要使用以下命令：
<input type="submit">使用以下命令：
<input type="button">“提交”按钮可自动提交表单。一个普通的按钮什么也不做。你可以用它来监听点击，然后提交表单，或者不用。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9625771
复制相关文章
相似问题
腾讯云开发者
