Jquery 按下提交按钮后的确认对话框
我有这个代码来连接删除链接的确认对话框,我通过POST触发它。 当我没有任何东西可以发布到MVC控制器操作(没有表单元素)时,这些链接可以正常工作。但是当我有表单元素的值需要被发回时,我当然需要一个提交按钮。我还想使用类似的脚本来连接带有提交按钮的确认对话框。 基本上,对话框应该弹出,等待确认,如果确认,则继续将表单发布到操作Jquery 按下提交按钮后的确认对话框,jquery,asp.net-mvc,ajax,Jquery,Asp.net Mvc,Ajax,我有这个代码来连接删除链接的确认对话框,我通过POST触发它。 当我没有任何东西可以发布到MVC控制器操作(没有表单元素)时,这些链接可以正常工作。但是当我有表单元素的值需要被发回时,我当然需要一个提交按钮。我还想使用类似的脚本来连接带有提交按钮的确认对话框。 基本上,对话框应该弹出,等待确认,如果确认,则继续将表单发布到操作 /** Delete links wire up **/ var deleteLinkObj; // delete Link $('.delete-link').clic
/** Delete links wire up **/
var deleteLinkObj;
// delete Link
$('.delete-link').click(function () {
deleteLinkObj = $(this); //for future use
$('#delete-dialog').dialog('open');
return false; // prevents the default behaviour
});
/** Delete dialogs initialisation **/
var i18n_deleteButtons = {};
i18n_deleteButtons[i18n.dialogs_continue] = function () {
$.post(deleteLinkObj[0].href, function (data) { //Post to action
if (data == 'True' || data == 'true') {
deleteLinkObj.closest('tr').hide('fast'); //Hide Row
//(optional) Display Confirmation
}
else {
//(optional) Display Error
}
});
$(this).dialog('close');
};
上面的代码显然不起作用,因为按钮不是链接,它没有
href
属性。我会做一些类型检查。您可以像这样使用HTML5数据属性:
<button data-url="yoururl" class="delete-button">Button Text</button>
这将抓住任何一个。
var answer=confirm(“这里有问题吗?”)
?或者你在找别的东西吗?这是一个给我指明了正确方向的东西,虽然我在这个例子中不使用数据属性,但谢谢。正如我所看到的,jquery对数据属性的支持在HTML5和非HTML5浏览器中都有效,这是一个优势。
var my_val = ( !deleteLinkObj[0].href ) ? $('.delete-button').data('url') : deleteLinkObj[0].href;