Question

我试图为我正在做的网站勾结一些验证...我不得不承认，我不是一个jquery忍者。

所以我所做的是从另一个网站获取验证并将其添加到我的网站，但它似乎没有工作。

我的HTML如下

<label for="yourname">Your name</label>
<input type="text" name="yourname" id="yourname" /> <span class="error" style="width: 180px;"></span>

以及我用来验证的jquery的一小部分如下：

if(!isString($.trim(iName.val()))){
    iName.siblings('.error').text('Please enter your name.');
    error = true;
}

它被卡在兄弟位上的位...当我运行代码时，它将错误文本放在页面上的每个.error跨度后面，其中只是意味着将它放在.error后面当前元素。

任何帮助都会很棒。

干杯

Answer 1

iName.next('.error').text('Please enter your name.');

Answer 2

如果你只是使用典型的验证类型，那么我建议你看一下这个插件，我觉得它简单易用。

Answer 3

siblings表示具有相同父级且分隔符为.error的所有元素，并且存在您的peoblem。使用next应该解决它。或者将每个带有span的输入放在单独的div中。