Исключить кнопки формы из «ONBLUR» событие, JavaScript

Question

У меня есть форма, которая использует onblur для большинства полей ввода, например, следующим образом:

<form> 
<input name="..." id="..." onblur="myFunction(name)" /> 
<button id="..." onclick="submit()">Submit</button> 
</form> 

Форма проверяет определенные поля (т.е. имя пользователя, адрес электронной почты) в режиме реального времени через события onblur, но такая же проверка происходит, когда пользователь нажимает кнопку отправки.

В настоящее время, когда пользователь нажимает кнопку отправки, сначала запускается событие onblur, а затем запускается событие onclick от кнопки - таким образом, выполняется проверка дважды и теряется пара дополнительных секунд.

Есть ли способ переопределить метод onblur, чтобы исключить размытие, которое происходит, когда пользователь нажимает кнопку отправки?

Я думал простой if(/*button is clicked*/){} в пределах myFunction(), но я не знал бы, как проверить на кнопку нажмите. И, похоже, исходя из текущей производительности, кнопка щелчка даже не регистрируется до тех пор, пока не размывается.

Заранее спасибо.

Answer 1

Вы можете сделать это:

HTML

<form> 
    <input type="text" name="name" id="id" /> 
    <input type="submit" /> 
</form> 

JQuery

$(document).on('blur', 'input:not([type="submit"])', function(e) { 
    var key = e.keyCode; // the key pressed 
    var elem = e.target; // the element blurred 
    myFunction(name); 
}); 

$(document).on('click', 'input[type="submit"]', function() { 
    submit(); 
});