Enable disabled keypress?

Question

I'm trying to prevent double submission using the enter key on my form, but I can't seem to re-enable the keypress after the data has been submitted. Here's a part of my code:

$(".adauga-clasa").submit(function() {
  var adaugaClasa = $('input[type=text]', this);

  adaugaClasa.keypress(function(event) { if (event.keyCode == '13') { return false; } });

  $.ajax({
    type: "POST",
    url: "/clase/do-add",
    data: dataString,
    dataType: "json",
    success: function(data) {
      // this doesn't work
      adaugaClasa.keypress(function(event) { if (event.keyCode == '13') { return true; } });           
    }
});

Answer 1

You need to .unbind() the previous event handler (which is still bound, and still returning false before your new handler), like this:

adaugaClasa.unbind('keypress');

With this there's also no need for the new keypress handler to be added, just removing the old one will suffice.

Answer 2

It doesn't work because you don't unbind the previous function. You just add a new one. You need to use .unbind('keypress').

Answer 3

Why don't you have a boolean variable flag?

var form_submitted = False

Set it to True on submit, and check it when submitting.