jQuery disabled form отправляется при вводе

Question

У меня есть одна форма jQuery, в которой я отключу отправку формы до инициализации jQuery.

код выглядит примерно так

<form id="loginForm" role="form" class="form-horizontal col-md-8" action=""> 
    <input type="email"/> 
    <input type="password"/> 
    <input type="submit" class="disabled"> 
</form> 

(код немного упрощен.) Класс Уведомление 'инвалидов'

На JQuery стороне, я делаю это

$().ready(function() { 
    $("#loginBtn").removeClass("disabled"); // This ensures that javascript was loaded before button is pushable 
}); 

Проблема заключается в том, что кнопка загрузки страницы отключена, и пользователю не разрешено щелкнуть по ней. Но когда кнопка отключена, а пользователь заполняет форму и нажимает клавишу ввода. Форма отправляется.

Я хочу скрыть представление формы (любыми способами) до правильной загрузки jQuery.

Как я могу это достичь?

Answer 1

Просто добавляемые onsubmit="return false" И это сработало.

<form id="loginForm" role="form" class="form-horizontal col-md-8" action="" onsubmit="return false"> 

Answer 2

Попробуйте это: изменить вашу форму Войти кнопку отправить, как показано ниже

$("#loginForm").submit(function() { 
    if($("#loginBtn").hasClass("disabled")) return false; 
    //rest of your code as it is 
     ..... 
} 

ПРИМЕЧАНИЕ - в соответствии с вашим HTML, кнопка отправки не id="loginBtn", пожалуйста, добавьте его.

Answer 3

Вы знаете, что установка класса = "отключена" на кнопке, фактически не отключает его, не так ли? ;-)

Я думаю, что вам нужно что-то вроде этого:

<form id="loginForm" role="form" class="form-horizontal col-md-8" action=""> 
    <input type="email"/> 
    <input type="password"/> 
    <input type="submit" disabled> 
</form> 

$(function() { 
    $("#loginForm input[type=submit]").attr("disabled", null); 
}); 

See JSFiddle here