Javascript 单击以显示具有必需属性的提示

Javascript 单击以显示具有必需属性的提示,javascript,html,required,Javascript,Html,Required,例如,我有一个输入: 我还有一个 function test_click(){ // // Here i check user input // } 如果用户输入错误,单击按钮后如何显示错误提示?我需要执行oninvalid事件,如何执行 谢谢。通常,我会使用隐藏的dom元素来提供这种反馈。具体使用什么dom元素取决于您希望错误提示的显示方式 例如,您可以将或直接放置在旁边,内容设置为显示错误提示。最初,您希望将此元素的样式设置为包含display:none以使其不

例如,我有一个输入:

我还有一个

function test_click(){
    //
    // Here i check user input
    // 
}
如果用户输入错误,单击按钮后如何显示错误提示?我需要执行
oninvalid
事件,如何执行


谢谢。

通常,我会使用隐藏的dom元素来提供这种反馈。具体使用什么dom元素取决于您希望错误提示的显示方式

例如,您可以将
直接放置在
旁边,内容设置为显示错误提示。最初,您希望将此元素的样式设置为包含
display:none以使其不会出现。然后在
test\u click()
函数中,可以将样式更改为
display:inline或<代码>显示:块,等等(根据您选择的元素而定)

如果您使用的是jQuery,它可能会如下所示:

function test_click(){
   if (error_condition)
   {
      $("#errorElementID").css("display","inline");
   }
}
function test_click(){
   if (error_condition)
   {
      document.GetElementById("errorElementID").style.display = "inline";
   }
}
如果不使用jQuery,它可能更像这样:

function test_click(){
   if (error_condition)
   {
      $("#errorElementID").css("display","inline");
   }
}
function test_click(){
   if (error_condition)
   {
      document.GetElementById("errorElementID").style.display = "inline";
   }
}
请尝试$('#input_id')。触发器('invalid'),但我建议您尝试使用jquery.validate插件。(对不起,我的英文)