Событие ввода текста HTML

Question

У меня есть форма и вы хотите отключить/включить его кнопку отправки в зависимости от того, пустые ли текстовые поля формы или что в них был введен текст.

Я думаю, что это означает наличие обработчика событий для текстовых полей ввода «keydown или keypress события: при его запуске этот обработчик событий должен проверить, содержат ли текстовые поля ввода текст и соответственно включить или отключить кнопку отправки.

change событие выглядит как оно должно быть более полезным, чем keydown или keypress событий, за исключением того, что он не стрелял, пока контроль в вопросе теряет фокус, а что хорошего в том, что: поскольку пользователь хочет просто введите что-то, а затем нажмите кнопку отправки, я хочу, чтобы обработчик событий был запущен введенным текстом, и не только тогда, когда элемент управления теряет фокус.

Мои вопросы:

• ли keydown и/или keypress события вызывается перед или после того, как соответствующий текст был вставлен в поле ввода текста?
• Есть ли keydown и/или keypress события аннулируются (вы можете отменить их, чтобы предотвратить ввод соответствующего текста)?

---

Edit: FYI, то jQuery validation plug-in повторные испытания формируют действительность на Ключевание.

Answer 1

В ответ на ваши вопросы ...

1. KeyDown или события нажатия клавиш могут быть перехвачены, прежде чем текст вводится Использование JavaScript
2. Вы можете вернуть ложь после связывания функции в KeyDown или keypress событие. Это предотвратит ввод текста .

Пример использования JQuery:

$("#inputfield").live("keydown", function(){ 
    return false; 
}); 

Если вы хотите проверить некоторые входные валютирования на подчиненной формы вы можете сделать это с помощью JQuery submit().

$("#theform").submit(function() { 
    var formval = $("#theinput").val(); 
    if(formval == "") { //or some better test 
     alert("input value"); //or some other alert... 
     return false; 
    } else { 
     return true; 
    } 
}); 

Возврат false сделает недействительным щелчок, чтобы отправить форму.

Edit: Если, как вы говорите, в комментариях вы хотите, чтобы отключить подачу формы до требования не будут выполнены для поля ввода (ов)

$("#inputfield").live("keyup", function(){ 
    if($("#inputfield").val() == "") { 
     $('#button').attr("disabled", true); 
    } else { 
     $('#button').attr("disabled", false); 
    } 
}); 

Вы хотите использовать "keyup "обработчик событий, чтобы разрешить отправку текста первым.см. мой пример: on jsbin