Я пытаюсь запустить функцию с помощью JQuery, когда кнопка отправки формы нажата, но функция должна стрелять, ПРЕЖДЕ ЧЕМ форма на самом деле отправлена.
Я пытаюсь скопировать некоторые атрибуты тега Div в скрытые текстовые поля после представления и затем отправить форму.
Мне удалось заставить это работать с помощью функции наведения мыши (когда кнопка отправки колеблется), но это не будет работать над мобильными устройствами с помощью касания.
$("#create-card-process.design #submit").on("mouseover", function () {
var textStyleCSS = $("#cover-text").attr('style');
var textbackgroundCSS = $("#cover-text-wrapper").attr('style');
$("#cover_text_css").val(textStyleCSS);
$("#cover_text_background_css").val(textbackgroundCSS);
});
Я играл вокруг с функцией .submit, но значения не сохраняются в полях, поскольку функция стреляет, когда форма отправлена и не прежде.
Большое спасибо
На основе ответа Wakas Bukhary Вы могли сделать это асинхронным путем помещения последней строки в объем ответа.
$('#myform').submit(function(event) {
event.preventDefault(); //this will prevent the default submit
var _this = $(this); //store form so it can be accessed later
$.ajax('GET', 'url').then(function(resp) {
// your code here
_this.unbind('submit').submit(); // continue the submit unbind preventDefault
})
}