将相同字段的错误消息放在不同位置jquery

时间:2016-07-07 15:22:57

标签: javascript jquery html jsp

所以我在相同的输入字段上进行必要的检查和数字检查。我出现了错误消息但是我希望所需的消息显示在页面底部出现的div和digits错误消息的右侧。我认为我可以通过执行if (error[0].innerText == "This Field is required")然后放在div的右边来实现这个目标,如果不将其放在哪里,但它不起作用。如果我输入对数字的无效响应,那么如果我首先将该字段留空,则会将所需的错误消息放在页面底部,反之亦然。

我对为什么会发生这种情况感到非常困惑,任何帮助都会受到赞赏。

3 个答案:

答案 0 :(得分:0)

您可以在error函数

上使用jQuery
$('.class').error(function(){
  //When .class having an error do this
  $('.errorMessage).addClass('show'); /*Maybe*/
});

答案 1 :(得分:0)

你是否想过使用bootstrap?我用过,这是明确代码的最佳选择

转到此链接 http://getbootstrap.com/css/?#forms-control-validation

答案 2 :(得分:0)

在流动帖子的另一个堆栈中找到答案。显然,每个元素调用一次errorPlacement,这就是它没有更新的原因。这是我解决这个问题的堆栈溢出帖子:jQuery Validation Plugin: Invoke errorPlacement function when onfocusout, keyup and click