Событие jQuery при отправке формы

Question

Мне нужна такая же форма для отправки, будет ли пользователь нажимать кнопку отправки или выбирает файл для загрузки. Мне также нужно предупреждение, чтобы подтвердить, хочет ли пользователь перейти от него без сохранения.

См http://jsfiddle.net/fuW2j/

При нажатии кнопки отправить щелчок по beforeunload событию несвязанное.

Как я могу это сделать для загрузки файлов?

Answer 1

DEMO

HTML

<input type="file"/> 

JS

$('input:file').change(function() { 
    $(window).unbind('beforeunload'); 
    this.form.submit(); 
}); 

.change()

Answer 2

Вместо встроенного чистого Jav aScript, обрабатывать изменения файла с JQuery тоже:

$('input[type="file"]').change(function() { 
    $(this).parents("form").eq(0).trigger("submit"); 
}); 

И есть только это:

<input type="file"/> 

Updated fiddle. .

Answer 3

Использование $ ('вход') изменение (...), кажется, работает нормально: http://jsfiddle.net/fuW2j/8/

(function() { 

    $(window).bind('beforeunload', function() { 
     return 'Your changes have not been saved!'; 
    }); 

    $('input').change(function() { 
     //$(window).unbind('beforeunload'); 
     $(this).closest('form').submit(); 
    }); 
    $('form').submit(function() { 
     $(window).unbind('beforeunload'); 
    }); 
})(jQuery);