How to prevent form submit, when focus is on specific input?

Question

How I can prevent form submit in JS/jQuery when one field has a focus on it, while retaining normal behaviour on all other input fields?

Answer 1

Try this:

$('#formID').on('submit', function(){
    if ($('input:focus').length){return false;}
});

This is assuming you try to submit the form without click. Because when you click to submit, the input has a blur event and looses focus.

Else: then jcubic's answer might be what you need.

Answer 2

You can use this:

var prevent = false;
$('input').focus(function() {
   prevent = true;
}).blur(function() {
   prevent = false;
});

$('form').submit(function() {
   if (prevent) {
      return false;
   }
});