Javascript 输入无效HTML/JS/CSS/Angularjs时显示工具提示/消息

我有一个HTML输入字段，其中不允许使用某些字符。功能部分已解决，但我希望在输入字段旁边显示工具提示/消息，而它包含非法字符

我有一个布尔值来跟踪这一点，但我一直无法做出令人满意的工具提示/消息

我尝试过调整uib工具提示，但它要求用户将鼠标悬停在输入区域上。我试着制作一个span/div/label，它是基于布尔值隐藏/显示的，但是我的CSS技能还不够强

该应用程序使用Angularjs和Bootstrap 3

---

输入字段不是表单的一部分。

在这里，您可以捕获布尔值，只需在输入旁边显示div，如

myDiv.visible = true;

---

如果不知道您的确切Javascript，我无法直接回答

我会做类似的事情

function invalid() {
  if (invalid = true) {
    document.getElementById("alert").style.visibility = 'visible'
  }
}

确保将错误消息设置为隐藏

然后让checker函数在焦点上运行

<input type="text" onfocus="invalid()">

用户的这一评论解决了这个问题

---

可以使用手动设置uib工具提示的可见性 工具提示是“打开”属性。只需使用您正在使用的布尔值即可 以跟踪无效字符

正如你提到的

该应用程序使用Angularjs和Bootstrap 3

我建议你应该使用Boostrap工具提示。使用带有您的标志的

$（'#元素'）.tooltip（'show'）

和

$（'#元素'）.tooltip（'hide'）

我不知道你的代码是怎么工作的，我的想法是：

HTML:

eventHandler() {
  if (isIllegal) {
    $('#element').tooltip('show');
  } else {
    $('#element').tooltip('hide');
  }
}

//角度>=2

//角度1

角度代码：

eventHandler() {
  if (isIllegal) {
    $('#element').tooltip('show');
  } else {
    $('#element').tooltip('hide');
  }
}

差不多吧

---

引导工具提示：

您可以使用

Tooltip is open

属性手动设置

uib工具提示的可见性。只需使用与跟踪无效字符相同的布尔值即可。谢谢，非常有用！