我正在尝试使用 div 验证登录页面以显示错误,我正在使用 innerHTML 更改 div 中的空文本并发生错误,问题是错误消息已写入并消失就在一秒钟内
这是代码
<html>
<head>
<title>
Sign up for a membership @ Ay 7aga.com
</title>
<script type="text/javascript">
function check(){
var x = "";
if(document.getElementById('user').value =="")
x+="Enter user name -";
if(document.getElementById('password').value =="")
x+="Enter password";
document.getElementById('error1').innerHTML = x;
}
</script>
</head>
<body>
<div name="error" id="error" style="width:1200px;background-color:red">
<p name="error1" id="error1">
</div>
<center>
<br/>
<form name="register" id="register" >
<table>
<tr>
<td> UserName </td>
<td> <input type="text" id="user" /> </td>
</tr>
<tr>
<td> Password </td>
<td> <input type="password" name="password" id="password"/></td>
</tr>
</table>
<button onclick="check()"> Submit </button>
</form>
<a href="Home page.html"> Go to Home page </a>
</center>
</body>
</html>
最佳答案
使用 <button>
时标签,“type”属性很重要:大多数浏览器(正确地)将类型默认为“submit”,这使得它可以用作表单提交元素。您可以改为将类型设置为“按钮”,这使得按钮除了触发事件处理程序外没有任何 native 行为。因此:
因此:
<button onclick="check()" type=button>Submit</button>
将防止按钮导致表单的隐式提交。
关于javascript - Javascript 中的 .innerHTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7938911/