Javascript 如果文本框不为空，如何在单击提交时显示表格演示：https://jsfiddle.net/21bbc4wm/

仅当文本框不为空时，我希望在单击“提交”时显示表格

演示：

当我点击提交按钮时，它不会返回任何表格，请有人能帮我解决这个问题吗

    <input type="text" list="user" id="note" name="Username"
       placeholder="User ID*" autocomplete="off" required />

    <div id= "container1" style="display:none;">
    <p style="text-align:center; font-size:160%;">Search Result</p>


    <table id="demo">
              <tr><th>User ID</th>
              <th>Date</th><tr>
    </table>

 <td><button style="background-color: #4CAF50;" id = "buttonSubmit" 
 type="submit" value="Submit" onclick ='check(); return 
false'>Submit</button></td>

document.addEventListener（“单击”），函数（e）{
var table=document.getElementById（“演示”）；
var content=document.getElementById（“container1”）；
var val=document.getElementById（“注释”）；
如果（e.target.id==“按钮提交”）{
如果（val.value==null | | val.value====“”）{
警告（“您必须提及结果的用户ID！！！”；
content.classList.remove（“活动”）；
val.focus（）；
} 
否则{
变量日期=新日期（）；
/*删除此行以进行堆叠*/table.innerHTML='User IDDate'；
table.innerHTML+=''+val.value+''+date.toDateString（）+''；
val.value=“”；
content.classList.remove（“活动”）；
content.classList.add（“活动”）；
}
}
如果（e.target.id==“buttonReset”）{
table.innerHTML='User IDDate'；
val.value=“”；
content.classList.remove（“活动”）；
}
});
输入{
字号：1em；
}
#集装箱1{
显示：无；
}
#容器1.active{
显示：块；
}
#结果{
文本对齐：居中；
字体大小：160%；
}
#按钮提交{
背景色：#4CAF50；
填充：3倍；
边框：1px纯黑；
显示：内联块；
字号：1em；
光标：指针；
}
#纽扣套{
背景色：#4CAF50；
填充：3倍；
边框：1px纯黑；
显示：内联块；
字号：1em；
光标：指针；
}

搜索结果

用户ID
日期
提交
重置
如果需要帮助，请发布您迄今为止尝试过的代码（包括您的HTML和您正在寻找的内容的精确解释），否则此问题无法回答。请修复您的问题，因为我们看不到代码。请现在评论您应该看到code@iltech给我看一下按钮。你是否用表单标签将其扭曲？@这里：提交
function check()
{
if(document.getElementById("note").value == null || 
document.getElementById("note").value == "")

  {
  alert("You must mention User ID for the result!!!");
  document.getElementById("note").focus();
  return false

  var x = document.getElementById("container1");
if (x.style.display = "none") {
    x.style.display = "block";
} else {
    x.style.display = "true";
}
}