Question

我正在使用Jquery验证引擎。

http://www.position-relative.net/creation/formValidator/

它显示每个文本字段右侧的错误消息。

如何将其设置为特定文本字段的左侧？

我有4个字段，如姓名，电子邮件，电话，密码。

我想在电子邮件文本字段的左侧显示错误div。

怎么做？

Answer 1

您可以直接在元素中设置位置，也可以通过设置data-prompt-position来自定义位置。请参阅fiddle。

您也可以像下面这样设置位置。这在他们的文档中提到：

  <input value="http://" class="validate[required,custom[url]] text-input" type="text" name="url" id="url" data-prompt-position="topLeft:70" />

  <input value="" class="validate[required] text-input" type="text" name="req" id="req" data-prompt-position="bottomLeft:20,5" />

  <input value="too many spaces obviously" class="validate[required,custom[onlyLetterNumber]]" type="text" name="special" id="special" data-prompt-position="bottomRight:-100,3" />

您还可以参考这里的定位演示http://www.jqueryrain.com/?_VzOqXOT

在文本字段的左侧设置Error Div定位 - Jquery验证引擎

1 个答案: