Активировать-деактивировать кнопку отправки в форме

Question

Я сделал регистрационную форму, используя backbone.js, CoffeeScript и jquery.
Я пытаюсь отключить кнопку отправки после 1 клика (чтобы она не вызывала события снова и снова), я также хочу, чтобы эта кнопка снова стала активной, когда я заполняю поля своей формы.

Answer 1

В вашем коде, который запускает событие (надеюсь, в процедуре делегирования событий вашего представления), все, что вам нужно сделать, это сказать JQuery отключить кнопку

$("#btnSubmit").attr("disabled", true);

Тогда, когда вам нужно снова включить

$("#btnSubmit").removeAttr("disabled");

Просто звоните на соответствующие звонки, когда это необходимо.

Answer 2

Большое спасибо @Bryan и @max ..
Я сделал это так:

enable_button: ->  
  $("#my_button").attr("disabled", false).removeClass('disabled')   

Я также меняю цвет кнопки включения / выключения.

Answer 3

кажется, что нет свойства включения / выключения.может быть, вы могли бы использовать опцию «silent», чтобы предотвратить запуск события «change»?

или просто создать подпрограмму проверки и вызвать ее из события, например

(псевдокод)

BUTTON EVENT FIRED
IF IsValid() then
'do something
else
'do something else
end if

func IsValid() as boolean
' check to see if the form is ready to submit i.e. required fields are valid