Question

JS问题判断是否有值，有值则显示隐藏内容，没有则给出提示“请填写完整”

<table><tr><td colspan="3">
<input type="text" class="text w_15-5" data-meta="{required:true,messages:{required:'邮箱必须填写'},email:true}"
name="field.email" /><span class=" signmark">*</span>
</td></tr></table>
<input class="button blue" type="submit" value="递交" onClick="txt.style.visibility = 'visible'"/>
<div style="visibility:hidden" id="txt"><table><tr><td style="font-size:16px;font-weight:500;">密码：123</td></tr></table></div>

这段代码就是个表单，点击input 时会递交表单，同时显示隐藏的<div>的内容，但是问题是我不写东西，点击递交按钮，它也会显示隐藏的内容，怎么用JS做个判断，当邮箱的input里填了内容时点击递交按钮，才会显示隐藏的内容

Answer 1

input type="text" id="email" class="text w_15-5" data-meta="{required:true,messages:{required:'邮箱必须填写'},email:true}"
name="field.email" />
<input class="button blue" type="submit" value="递交" onClick="ducument.getElementById("email").value ? txt.style.visibility = 'visible' : 0"/>

追问

亲，这样写貌似没用。。。不显示隐藏内容了

追答

id="email"

这个加到input上面。

追问

加了，貌似还不行。。