оповещения и автообновление текстового поля, если длина 4

Question

У меня есть один text box и я вхожу данные о том text box, что я хочу сделать, это: если я буду вводить 4 characters и skip that text box by pressing TAB key затем один сигнал тревоги придет как "data should be more than 4 characters", а затем текст поле будет auto refreshed. Если введенные данные превышают 4 символа, тогда никаких предупреждений не будет, я пытался с помощью события onkeyup, но некоторые, где я делаю неправильно. Любая помощь пожалуйста

Answer 1

Я не знаю, что вы подразумеваете под «тогда текстовое поле будет автоматически обновлено», поэтому я собираюсь предположить, что вы хотите поместить курсор обратно в это поле. Что касается проверки длины значения при обходе, что Вы хотите .change() или .blur() события:

$("input[type=text]").change(function() { 
    if (this.value.length <= 4) { 
     alert("Please enter more than 4 characters."); 
     this.focus(); 
     return false; 
    } 
}); 

Демо: http://jsfiddle.net/XHKRh/

Событие размытия будет срабатывать каждый раз, когда фокус покидает поле; событие изменения не будет запускаться снова, если пользователь немедленно выйдет из поля снова, не меняя его. Я предпочитаю использовать изменения в сочетании с дополнительной валидацией в форме submit, так что пользователь не перестает задирать предупреждениями (хотя на самом деле я вообще не показывал бы оповещение, я бы разместил сообщение на следующей странице к полю).

Answer 2

Как насчет на blur?

var el = $('#textbox').blur(function(e) { 
    if (el.val().length > 4) { 
     return; 
    } 

    el.focus(); 
    alert('data should be more than 4 characters'); 
}); 

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

Answer 3

Есть некоторые моменты, которые могли бы привести вам интересно:

• Вы не должны полагаться только на JavaScript для проверки форм, так как пользователи могут превратить его офф и обойти проверку
• Там является maxlength недвижимость для входов
• Вы, вероятно, ищете onblur вместо того, чтобы ключевое действие TAB, поскольку пользователи могут изменить фокус других способов