У меня есть форма входа, которая работает нормально. Я попытался расширить действие входа в систему для добавления дополнительных функций. Сначала я предотвращаю отправку формы при нажатии кнопки отправки, я выполняю запрос ajax и, наконец, если все правильно, я отправляю форму, но моя форма не отправляется, пока кнопка отправки не будет нажата дважды. Что я делаю неправильно?
HTML-часть:
<div id = "loginFormDiv">
<form class = "form-horizontal" method = "POST" action = "index.php">
<input type = "hidden" name = "module" value = "Users">
<input type = "hidden" name = "action" value = "Login">
<div class = "group"><input id = "username" type = "text" name = "username" ><span class = "bar"></span><label>Username</label></div>
<div class = "group"><input id = "password" type = "password" name = "password" ><span class = "bar"></span><label>Password</label></div>
<div class = "group"><button type = "submit" class = "button buttonBlue">Sign in</button></div>
</form>
</div>
Часть JS:
jQuery.Class("ParsSecureLogin_Js", {}, {
checkLogin: function () {
var thisInstance = this;
var checkUserLogin = function (e) {
e.preventDefault();
var username = $('#username').val();
var user_pass = $('#password').val();
var theForm = $(this);
var url = 'index.php?module=ParsSecureLogin&parent=Settings&action=CheckLogin&_user=' + username + '&_pss=' + user_pass;
jQuery.ajax({
url: url
}).done(function (data) {
if (data == '' || data == 'undefined') {
alert('Unknown error. Please contact admin to check!');
return false;
} else {
theForm.unbind('submit').submit();
return true;
}
});
}
jQuery('#loginFormDiv').on("submit", checkUserLogin);
},
registerEvents: function () {
var thisInstance = this;
thisInstance.checkLogin();
}
});
jQuery(document).ready(function () {
var ParsSecureLogin = new ParsSecureLogin_Js();
ParsSecureLogin.registerEvents();
});



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Это потому, что #loginFormDiv - это <div>, а не <form>, измените селектор на:
jQuery('#loginFormDiv form').on("submit", checkUserLogin);
Теперь это работает отлично, большое вам спасибо! @ewwink
Как предлагается здесь stackoverflow.com/questions/7317223/…, почему бы не использовать
theForm.unbind('submit').trigger('submit')?