Как динамически обновить мой промежуток с сообщением об ошибке или сообщением об успехе?

Question

Как динамически обновить мой промежуток с сообщением об ошибке или сообщением об успехе?

0

Я пытаюсь динамически обновлять свой диапазон с сообщением об ошибке, если пользователь набирает символ и удаляет все введенные данные и нажимает на следующее поле или показывает успешное сообщение, как только пользователь перестает печатать.

мой html:

 Full name:
<input type="text" id="box1" />&nbsp;<span id="msg_out1"></span>

 password:
<input type="password" id="box2" />&nbsp;<span id="msg_out2"></span>

Мой jQuery - это, по крайней мере, это то, что я пробовал:

jQuery( "#box1" ).click(function(){
    if (jQuery( "#box1" ).val() !="") {
        jQuery( "#msg_out1" ).html('&#10003; Great Name!').css('color','green').css('font-   size','18px').css('margin-left','40px');
    } else 
        jQuery( "#msg_out1" ).html('&#10008; Please Enter Your Name').css('color','red').css('font-size','18px').css('margin-left','40px');
});

Пример: твиттер

user3052886 08 дек. 2013, в 02:57

Источник

0

Может быть, вы также хотите очистить сообщение, пока пользователь печатает. Для этого вы бы использовали keydown
Popnoodles 08 дек. 2013, в 02:04

Теги:

javascript

jquery

html5

2 ответа

Ещё вопросы

Может быть, вы также хотите очистить сообщение, пока пользователь печатает. Для этого вы бы использовали keydown

Gaston Sanchez · Answer 1 · 2013-12-08T00-29-00.000Z

Я думаю, что лучший способ сделать это - использовать событие "change" на входе.

Так будет делать что-то вроде:

$('.my-input').on('change', function(event) {
    /* validate if blank or something*/
});

И эта функция будет вызвана только тогда, когда этот вход теряет фокус.

@popnoodles, это просто ошибка, напечатанная здесь, мой исходный код имеет это
@ user3052886 Это не то же самое, что размытие. Событие onChange вызывается только тогда, когда пользователь изменил значение поля. Событие onBlur вызывается, когда пользователь отошел от объекта, не обязательно изменив его значение.

user3052886 · Answer 2 · 2013-12-07T23-14-00.000Z

Я решил проблему.

Правильная функция:

jQuery( "#box2" ).on('keyup',function(event){
    if (jQuery( "#box2" ).val() !="") {
    jQuery( "#msg_out2" ).html('&#10003; Great Name!').css('color','green').css('font-size','15px').css('margin-left','40px');
 }else 
    jQuery( "#msg_out2" ).html('&#10008; Please Enter Your Name').css('color','red').css('font-size','15px').css('margin-left','40px');

});