Сделайте перерыв в сторону с помощью jquery none display

У меня есть следующий код в html:

<input type = "text" name = "teste" id = "teste" required>
<span class = "corpoSpanClasse_Teste">
     Mensagem
</span>

Мне нужно, чтобы, когда кто-то что-то вставлял во вход, сразу же следующий диапазон оставался без отображения.

Пока мне удалось выполнить этот код, но я не знаю, что делать дальше.

$("input").on("input",function () {

})

Мне это нужно в jquery.

Однако у меня есть несколько «входов», и для каждого «входа» у меня есть «промежуток» с сообщением. При каждом изменении содержимого ввода сообщение, содержащееся в диапазоне, должно исчезать.

Пример:

<input type = "text" name = "teste" id = "teste" required>
<span class = "corpoSpanClasse_Teste">
     Mensagem
</span>

<input type = "text" name = "teste1" id = "teste1" required>
<span class = "corpoSpanClasse_Teste1">
     Mensagem
</span>

<input type = "text" name = "teste2" id = "teste2" required>
<span class = "corpoSpanClasse_Teste2">
     Mensagem
</span>

вы хотите, чтобы в тексте диапазона отображалось все, что пользователь вводит? Или вы хотите скрыть элемент span при вводе пользователем?

Garuuk 19.09.2018 00:44

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

Renan Angelini Ferrari 19.09.2018 00:46

Что, если они затем удалят весь введенный текст?

Taplar 19.09.2018 00:48

Почему бы не использовать заполнитель?

Progs 19.09.2018 00:51

Хорошая идея, я об этом не подумал. Но пока я попробую сделать это и для обучения другим способом. Спасибо за личную поддержку.

Renan Angelini Ferrari 19.09.2018 00:54
Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
0
5
22
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать change или keyup, чтобы решить эту проблему, вот - хорошее объяснение его разницы.

change:

$('#teste').change(function() {
    $('.corpoSpanClasse_Teste').hide();
});

keyup:

$('#teste').on('keyup', function() {
    $('.corpoSpanClasse_Teste').hide();
});

Я также изменил ваш входной фильтр $("input") для $('#teste'), чтобы он был специфичным для этого одного входа и не запускал все входы на странице

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

Renan Angelini Ferrari 19.09.2018 00:53

@RenanAngeliniFerrari, чтобы у вас был один диапазон рядом с одним входом? Вы должны были упомянуть об этом и предоставить образец кода, потому что это изменит решение

Seva Kalashnikov 19.09.2018 00:56

Не волнуйтесь, если я неправильно произнес. Но все входы, которые у меня есть, сразу под ними есть «пролёт». Этот «диапазон» содержит сообщение об ошибке, если пользователь вводит что-то не так. Мне нужно, чтобы этот «диапазон» исчез после того, как пользователь изменит ввод, потому что предупреждение уже было отправлено. Спасибо за вашу помощь, и я надеюсь, что теперь я понял проблему. Еще раз прошу прощения за все.

Renan Angelini Ferrari 19.09.2018 01:06

@RenanAngeliniFerrari, вы можете просто изменить свой вопрос, и я помогу вам с ответом, я почти уверен, что знаю, о чем вы говорите

Seva Kalashnikov 19.09.2018 01:10

Я изменил вопрос. Однако мне уже удалось выполнить процедуру со следующим кодом: $ ("input"). On ("input", function () {$ (this) .next (). Css ("display", "none ");}); Теперь я собираюсь внести изменения в упомянутые вами события изменения или нажатия клавиш. Большое спасибо за вашу помощь и еще раз приносим извинения за неудобства.

Renan Angelini Ferrari 19.09.2018 01:48

@RenanAngeliniFerrari да, вот способ сделать это, рад, что вы смогли решить эту проблему

Seva Kalashnikov 19.09.2018 01:53

Другие вопросы по теме