Question

例如我有一个输入：

<input type="text" id="username" required></input>

我还有一个<button onclick="test_click()"></button>。

function test_click(){
    //
    // Here i check user input
    // 
}

如果用户输入错误，如何在点击按钮后显示错误提示？我需要执行oninvalid事件，我该怎么做？

谢谢。

Answer 1

通常，我会使用隐藏的dom元素来提供这种反馈。究竟要使用的dom元素取决于您希望如何显示错误提示。

例如，您可以将<span>或<img>直接放在<input>旁边，并将内容设置为显示错误提示。最初，您希望将此元素的样式设置为包含display: none;，以便它不会出现。然后在test_click()函数中，您可以将样式更改为display: inline;或display: block;等（根据您选择的元素）。

如果你正在使用jQuery，它可能看起来像这样：

function test_click(){
   if (error_condition)
   {
      $("#errorElementID").css("display","inline");
   }
}

如果您不使用jQuery，它可能看起来更像这样：

function test_click(){
   if (error_condition)
   {
      document.GetElementById("errorElementID").style.display = "inline";
   }
}

单击显示所需属性的提示

1 个答案: