Подсказка проверки jQuery

itparanoia

Когда мой текстовый ввод подтверждается как адрес электронной почты, я хочу, чтобы отображалась всплывающая подсказка. Код jQuery ниже не работает. Кто-нибудь может мне с этим помочь? Вот код:

cent345

Это работает, но содержание смещается вниз.

Есть ли способ сделать так, чтобы контент не смещался вниз?

$('input[type=email]').blur(function() {

if (!validateEmail($(this).val())) {

$(this).removeClass("размытие").addClass("фокус");

var txt = "Пожалуйста, введите действительный адрес электронной почты.";

var newDiv = $('

').text(txt);

$('#tooltip-1').append(newDiv);

} еще {

$(this).removeClass("фокус").addClass("размытие");

}

})

функция validateEmail(адрес электронной почты) {

var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

if (emailReg.test(emailaddress) == false) {

вернуть ложь;

} еще {

вернуть истину;

}

}

VasylKhomiak

Хм, вы используете для этого подсказку пользовательского интерфейса jQuery? Если да, то то, что вы делаете, никогда не сработает.

Просто потому, что вы пытаетесь использовать его не по назначению.

Во-первых, всплывающая подсказка отображается только тогда, когда пользователь наводит курсор на контент — что пользователь, вероятно, и сделает, во что бы то ни стало, но показывать ошибки таким образом нецелесообразно.

Во-вторых, функциональность всплывающей подсказки в пользовательском интерфейсе jQuery основывает свое содержимое на атрибуте «title» контента — если у вас нет атрибута title, ему нечего будет показывать.

Кроме того, вы не можете назначить html-контент, как вы это сделали в примере, поскольку это не будет работать.

Чтобы использовать HTML-контент (для чего нет реальной причины, вы можете стилизовать то, что показано, используя CSS-класс), вам придется назначить функцию для возврата HTML-контента.

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

vipok

Для всплывающей подсказки я добавил: $("#tooltip-1").tooltip({ содержимое: " Введите действительный адрес электронной почты. "}); но это не сработало.

Glavdir

Попробуй это:

 


$('input[type=email]').blur(function() {


if (!validateEmail($(this).val())) {


//do your tooltip stuff


}


})


function validateEmail(emailaddress) {


var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;


if (emailReg.test(emailaddress) == false) {


return false;


} else {


return true;


}


}

Код (разметка):

  <input type="email" class="" name="email">

Код (разметка):

Похожие темы	Дата
[javascript.ru] Курс По Typescript	19.10.2024, 18:10
Курс по Angular.JS - Кантор (2016)	19.10.2024, 18:10
[Seelentera] JavaScript. Уровень 2	19.10.2024, 18:10
Веб-разработка с применением Node и Express. Полноценное использование стека JavaScript	19.10.2024, 18:10
(smartme) Javascript: Функциональное Программирование	19.10.2024, 18:10
Сброс счетчика	19.10.2024, 18:10
Центрирование пользовательских отметок на карте Google	19.10.2024, 18:10
Функция помощи	19.10.2024, 18:10
Ошибка запятой в обновлении JS	19.10.2024, 18:10
Три одинаковых кода на одной странице	19.10.2024, 18:10

Подсказка проверки jQuery

itparanoia

cent345

VasylKhomiak

vipok

Glavdir

I AM

Интересно