如何使用Javascript隐藏/显示div进行输入验证

Question

正如您所看到的，只有在将数据插入登录表单时出错时才会显示上述警告。 现在我试图通过以下方式实现它：

1. 隐藏div说“警告”。

2. 在提交表单时使用javascript来检查输入 验证

3. 如果发现任何错误，隐藏的div“警告”将显示在上方 形式如图所示。

是否与

有关

visibility: hidden;

我在http://jsfiddle.net/w2udrm3q/

中尝试过

Ples帮助

Answer 1

<强> CSS

#id{display:none;}

<强> JS

if (!(x==="test")) {document.getElementById('id').style.display = 'block';}

Answer 2

您可以尝试使用display:none CSS属性隐藏警告部门。