javascript - JavaScript 未执行

标签 javascript html

在获取请求发送密码匹配之前,我有以下 html 表单,使用 js 完成密码匹配,但 js 不起作用

<html>
<title>Login System</title>
<head>
<script type="text/javascript">
function match()
{
var s1=document.getElementById('t4').value;
var s2=document.getElementById('t5').value;
if (s1 == s2)
{
alert('yep');
}
else
{
alert('Passwords Does not Match');
}
}
</script>
</head>
<style type="text/css">
div.ex {
width:220px;
padding:10px;
border:5px solid gray;
margin:10px;
}
</style>

<body>
<div class="ex">
<strong>User Login</strong>
<form name=f1 method=get action="http://localhost:8080/login">
User &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type=text name=t1><br>
Password <input type=password name=t2><br>
<input type=submit name=sub value="Login">
</form>
</div>
<div class="ex">
<strong>User Registration</strong>
<form name=f2 method=get action="http://localhost:8080/login">
User Name &nbsp&nbsp&nbsp&nbsp&nbsp<input type=text name=t3><br>
Password <input type=password name=t4><br>
Password <input type=password name=t5><br>
<input type=submit name=sub value="reg" onclick='match();'>
</form>
</div>

</body>
</html>

最佳答案

getElementById 查找 id 属性,而不是上面使用的 name

更改:

Password <input type=password name=t4><br>

Password <input type=password name=t4 id='t4'><br>

关于javascript - JavaScript 未执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15060446/

相关文章:

html - 表单之外的按钮 html 标签是否有效?

javascript - 为什么我的模式不起作用? Bootstrap4

html - 如何为文本制作从颜色到颜色的渐变?

javascript - 命名和配置 jsfiddle

javascript - 为什么这段 jQuery 代码不起作用?

函数中的 JavaScript 变量

javascript - Jquery Slider 不适用于移动设备

javascript - 单击列表项时加载 div

javascript - 从 php 调用 javascript 函数时遇到问题

javascript - 单击另一个 div 时,div 不会隐藏和显示