как динамически отображать div в указанном месте

Question

У меня есть несколько html textBoxes на моей веб-странице, теперь я хочу проверить textBoxes, используя javascript, это означает, что если textBox не содержит допустимых данных, вместо классического всплывающего окна предупреждения я хочу отобразить div рядом с textBox, который содержитневерные данные, может кто-нибудь сказать мне, как я могу получить позицию textBox и отобразить div с сообщением об ошибке рядом с этим textBox ....

Я использую jjery ajax для этой страницы, поэтому мне не нужен сервербоковой код .. и никаких постбэков.заранее спасибо.

Answer 1

jQuery имеет множество проверочных плагинов , которые могут это сделать.

Answer 2

Вы можете достичь этого с помощью следующего кода:

JQuery / JS код:

function validation()
{
    if ($("#username").text() == "") 
    {
       $(".form-field").add("span").text("This is the error message or custom text");
       return false;
    }
}

HTML код:

<div class="form-field">
   <input id="username" name="user" type="text" />
</div>

<input type="submit" onclick="validate" /> 

Answer 3

Проверьте этот пример.

Плагины / Проверка / Методы / число

Проверочные плагины в JQuery

Answer 4

Вы можете добавить этот div в качестве пустого div рядом с этим текстовым полем, назначить идентификатор и проверить, если есть ошибки, изменить содержимое div

document.getElementById('divforTextBox').innerHTML = 'this filed is wrong!';