javascript - 在文本字段左侧设置错误 Div 定位 - Jquery 验证引擎

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

定位的demo也可以引用这里http://www.jqueryrain.com/?_VzOqXOT