我正在使用一个简单的表单，我想让用户在表单提交之前进行确认...我知道使用 jQuery 很容易，但我对代码有点困惑...
$(function() {
$(".testform").submit(function() {
$('.submitbtn').text('confirm');
});
});
我知道上面的代码不完整，我希望你的帮助来完成它，所以它会发出一个警报（使用 jQuery 警报），上面写着“请确认一切是否正确”并更改提交上的文本按钮“确认”而不是“提交”。如果用户再次单击确认，它将提交表单。我希望这是有道理的。谢谢。
【问题讨论】：
标签： jquery
$('#myForm').submit(function() {
var c = confirm("Click OK to continue?");
return c; //you can just return c because it will be true or false
});
【讨论】：
e.preventDefault()，而不是在事件处理程序中返回 false，因为 return false 一次做了太多事情。
<form method="post" onsubmit="return confirm('Sure?')">，它工作了哈哈。为什么这不是这里的解决方案之一？它不适用于method="get" 或其他浏览器吗？
$('.testform').submit(function() {
if ($(this).data('first-submit')) {
return true;
} else {
$(this).find('.submitbtn').val('Confirm').data('first-submit', true);
return false;
}
});
【讨论】：
.testform 替换为任何其他返回表单的选择器，并且代码将为每个表单独立工作。
小提琴样例：http://jsfiddle.net/z68VD/
html：
<form id="uguu" action="http://google.ca">
<input type="submit" value="text 1" />
</form>
jquery：
$("#uguu").submit(function() {
if ($("input[type='submit']").val() == "text 1") {
alert("Please confirm if everything is correct");
$("input[type='submit']").val("text 2");
return false;
}
});
【讨论】：
为了得到你想要的，我会这样做：
$(document).ready(function() {
$(".testform").click(function(event) {
if( !confirm('Are you sure that you want to submit the form') )
event.preventDefault();
});
});
稍微解释一下该代码的工作原理， 当用户单击按钮时，将启动确认对话框，以防用户选择“否”，则不执行提交表单的默认操作。 确认后，控件将传递给继续提交表单的浏览器。 我们在这里使用标准的 JavaScript 确认。
【讨论】：
基于easy-confirm-plugin 我做到了：
(function($) {
$.postconfirm = {};
$.postconfirm.locales = {};
$.postconfirm.locales.ptBR = {
title: 'Esta certo disto?',
text: 'Esta certo que quer realmente ?',
button: ['Cancela', 'Confirma'],
closeText: 'fecha'
};
$.fn.postconfirm = function(options) {
var options = jQuery.extend({
eventType: 'click',
icon: 'help'
}, options);
var locale = jQuery.extend({}, $.postconfirm.locales.ptBR, options.locale);
var type = options.eventType;
return this.each(function() {
var target = this;
var $target = jQuery(target);
var getDlgDv = function() {
var dlger = (options.dialog === undefined || typeof(options.dialog) != 'object');
var dlgdv = $('<div class="dialog confirm">' + locale.text + '</div>');
return dlger ? dlgdv : options.dialog;
}
var dialog = getDlgDv();
var handler = function(event) {
$(dialog).dialog('open');
event.stopImmediatePropagation();
event.preventDefault();
return false;
};
var init = function()
{
$target.bind(type, handler);
};
var buttons = {};
buttons[locale.button[0]] = function() { $(dialog).dialog("close"); };
buttons[locale.button[1]] = function() {
$(dialog).dialog("close");
alert('1');
$target.unbind(type, handler);
$target.click();
$target.attr("disabled", true);
};
$(dialog).dialog({
autoOpen: false,
resizable: false,
draggable: true,
closeOnEscape: true,
width: 'auto',
minHeight: 120,
maxHeight: 200,
buttons: buttons,
title: locale.title,
closeText: locale.closeText,
modal: true
});
init();
});
var _attr = $.fn.attr;
$.fn.attr = function(attr, value) {
var returned = _attr.apply(this, arguments);
if (attr == 'title' && returned === undefined)
{
returned = '';
}
return returned;
};
};
})(jQuery);
你只需要这样调用：
<script type="text/javascript">
$(document).ready(function () {
$(".mybuttonselector").postconfirm({ locale: {
title: 'title',
text: 'message',
button: ['bt_0', 'bt_1'],
closeText: 'X'
}
});
});
</script>
【讨论】：
简单...
$('#myForm').submit(function() {
return confirm("Click OK to continue?");
});
或
$('#myForm').submit(function() {
var status = confirm("Click OK to continue?");
if(status == false){
return false;
}
else{
return true;
}
});
【讨论】：
<body>
<form method="post">
name<input type="text" name="text">
<input type="submit" value="submit" onclick="return confirm('Are you sure you want to Save?')">
</form>
</body>
【讨论】：
HTML
<input type="submit" id="submit" name="submit" value="save" />
JQUERY
$(document).ready(function() {
$("#submit").click(function(event) {
if( !confirm('Are you sure that you want to submit the form') ){
event.preventDefault();
}
});
});
【讨论】：
var r = confirm('Want to delete ?');
if (r == true) {
$('#admin-category-destroy').submit();
}
【讨论】：