Question

我的网页上有一些html textBoxes，现在我想用javascript验证textBoxes，这意味着如果textBox不包含有效数据，而不是经典的警告弹出窗口我想在textBox旁边显示一个div无效数据，任何人都可以告诉我如何获取textBox位置并在该textBox旁边显示带有错误消息的div ....

我正在为该页面使用ajax jquery，因此不需要任何服务器端代码..并且没有回发。提前谢谢。

Answer 1

jQuery有很多validation plugins可以做到这一点。

Answer 2

你可以将该div添加为该文本框旁边的空div，分配ID并检查，如果有错误则更改div的内容

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

Answer 3

检查此示例。

Plugins/Validation/Methods/number

Validation plugins in JQuery

Answer 4

您可以通过以下代码实现此目的：

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" />

如何在指定位置动态显示div

4 个答案: