Форма отправки после предотвращения не работает по умолчанию - PullRequest
Новая
       24

Форма отправки после предотвращения не работает по умолчанию

0 голосов
/ 22 декабря 2018

У меня есть форма входа, которая работает нормально.Я попытался продлить действие входа в систему для добавления дополнительных функций.Сначала я запрещаю отправку формы при нажатии кнопки отправки, я выполняю запрос 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();
});

1 Ответ

0 голосов
/ 23 декабря 2018

Это потому, что #loginFormDiv является <div>, а не <form>, измените селектор на: 

jQuery('#loginFormDiv form').on("submit", checkUserLogin);
...