Jquery关注事件然后提交表单

时间:2015-01-22 22:31:01

标签: jquery forms submit confirm focusout

我有一个表格文本框,上面有焦点事件。当文本框失去焦点时,会弹出一个确认框,询问“确定”或“取消”。

如果用户单击“确定”,则表单提交。如何做到这一点?

我试过了,但没有运气:

//<![CDATA[ 
$(function(){
$('#item_new').focusout(function() {
confirm("add this item?");

        'Confirm submit': function() {
            currentForm.submit();
        },
        Cancel: function() {
            $(this).dialog('close');
        }

});
});
//]]> 

请告知。

1 个答案:

答案 0 :(得分:0)

当您分解代码时,您会发现确认和休息根本没有关联。

以下是一些可以提供帮助的代码:

$('#item_new').focusout(function(e){

    // ask the user and keep his/her choice
    var ok = window.confirm('add this item?');

    // here, the 'ok' variable will be 'true' if OK was clicked,
    // false otherwise
    if( ok ) {
       // do the submit action.
       // replace '<id_of_the_form_to_submit>' with the id of the form
       $('#<id_of_the_form_to_submit>').submit();
    }
});

请参阅此jsfiddle:http://jsfiddle.net/arnaudj/c6z44mr9/

编辑: 请注意window.confirm调用将生成一个基本的浏览器特定的确认弹出窗口,并且您不能装饰&#34;你想要的风格。