Question

我需要验证表单上的输入字段。我需要输入字段中的错误/成功图标，以及右侧有消息的工具提示气泡，但仅用于错误输入。

我希望它看起来像这样：

Name: [some entry  (error/success icon)]

如果输入有效：

Name: [some entry  (success icon)]

如果输入无效：

Name: [some entry  (error icon)] <Toolip bubble with a message "Not valid"

我不知道如何同时完成这两件事。

小提琴：https://jsfiddle.net/c6dhs0af/

Answer 1

您也可以尝试使用jquery插件，这可能有助于Best jQuery plugin to validate form fields

<div class="form-group">
    <label for="inputEmail" class="control-label">Email</label>
    <input type="email" class="form-control" id="inputEmail" placeholder="Email" data-error="Bruh, that email address is invalid" required>
    <div class="help-block with-errors"></div>
  </div>

这是一个关于小提琴的例子working

使用错误/成功图标和工具提示进行表单验证

1 个答案: