我正在使用一个简单的表单，我想允许用户在提交表单前确认... 我知道使用jQuery很容易实现，但是我对代码有点困惑...
$(function() {
$(".testform").submit(function() {
$('.submitbtn').text('confirm');
});
});
我知道上面的代码还不完整，我想请你帮忙完成它，这样它就能用jQuery alert弹出一个提示，内容是“请确认一切是否正确”，并将提交按钮上的文本从“提交”更改为“确认”。如果用户再次点击确认，则会提交表单。希望我的意思清楚了，谢谢。
$('#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同时执行了太多的操作。 - vinczemarton<form method="post" onsubmit="return confirm('确定？')">，结果竟然奏效了。为什么这不是解决方法之一呢？这个方法难道不能和method="get"或者其他浏览器兼容吗？ - tanmay_garg示例代码: 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确认对话框。
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();
}
});
});
Simply...
$('#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>
(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>
$('.testform').submit(function() {
if ($(this).data('first-submit')) {
return true;
} else {
$(this).find('.submitbtn').val('Confirm').data('first-submit', true);
return false;
}
});
<form action="url" method="POST" onsubmit="event.preventDefault();if(confirm('Save this?'){this.submit();};">
<button type="submit">Save</button>
</form>
var r = confirm('Want to delete ?');
if (r == true) {
$('#admin-category-destroy').submit();
}