Javascript 密码验证(2个文本框,比较)
在你责怪我之前,是的,我找了大约一个小时类似的东西,但遗憾的是我找不到我的错误,至少我在stackoverflow中找的问题没有给我一个正确的答案,因为我有几乎完全相同的东西(不是复制和粘贴)。 然而,有人能解释一下,为什么我的代码(javascript)不能工作? 我正在玩它好几个小时了,但是我找不到它Javascript 密码验证(2个文本框,比较),javascript,html,Javascript,Html,在你责怪我之前,是的,我找了大约一个小时类似的东西,但遗憾的是我找不到我的错误,至少我在stackoverflow中找的问题没有给我一个正确的答案,因为我有几乎完全相同的东西(不是复制和粘贴)。 然而,有人能解释一下,为什么我的代码(javascript)不能工作? 我正在玩它好几个小时了,但是我找不到它 <html> <head> <title>Anmeldung/Login</title> <link rel="styl
<html>
<head>
<title>Anmeldung/Login</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<script>
function abc(){
var a = document.getElementById('pw').value;
var b = document.getElementById('repw').value;
if(a==b){
alert(yes)
}
}
</script>
</head>
<body>
<div id="banner">
<p>NAME/ÜBERSCHRIFT</p>
</div>
<form id="loginpanel">
<fieldset>
<legend>LOGIN</legend>
<p class="textinput">Benutzername: <input name="id" type="text" size="30" maxlength="30"></p>
<p class="textinput">Passwort: <input name="pw" type="password" size="30" maxlength="15"></p>
<input class="button" type="button" name="login" value="Anmelden"/>
</fieldset>
</form>
<p id="option"> ...oder Registrieren!</p>
<form id="registerpanel">
<fieldset>
<legend>REGISTER</legend>
<p class="textinput">Benutzername: <input name="id" type="text" size="30" maxlength="30"></p>
<p class="textinput">eMail: <input name="email" type="text" size="30" maxlength="30"></p>
<p class="textinput">Passwort: <input name="pw" type="password" size="30" maxlength="30"></p>
<p class="textinput">Passwort wiederholen: <input name="repw" type="password" size="30" maxlength="30"></p>
<input class="button" type="button" onclick="abc()" name="register" value="Registrieren"/>
</fieldset>
</form>
</body>
Anmeldung/登录
函数abc(){
var a=document.getElementById('pw').value;
var b=document.getElementById('repw')。值;
如果(a==b){
警报(是)
}
}
名称/ÜBERSCHRIFT
登录
Benutzername:
密码:
…订购注册表
登记
Benutzername:
电子邮件:
密码:
Passwort-wiederholen:
如果有人能给我一个答案,我会很高兴的!
谢谢你花时间:) 您必须具有具有值为
pw
+repw
的id
属性的输入。只有名称
属性将不起作用
示例:
更正版本(仅适用于相关零件):
window.abc=函数(){
var a=document.getElementById('pw').value;
var b=document.getElementById('repw')。值;
如果(a==b){
警报(“是”)
}
}
...
登记
Benutzername:
电子邮件:
密码:
Passwort-wiederholen:
注意添加的ID。我没有做pw
和repw
,因为登录时使用纯pw
对我来说更有意义(11684)(别忘了在登录表单中添加)。因为我会做register pw
,所以我追求一致性,并且做了register repw
。但这些ID是什么并不重要,只要它们是唯一的。我将打字错误
alert(yes)
改为alert(“yes”)
,因为很明显,第一个会抛出一个引用错误
工作JSFIDLE:您必须具有具有值为
pw
+repw
的id
属性的输入。只有名称
属性将不起作用
示例:
更正版本(仅适用于相关零件):
window.abc=函数(){
var a=document.getElementById('pw').value;
var b=document.getElementById('repw')。值;
如果(a==b){
警报(“是”)
}
}
...
登记
Benutzername:
电子邮件:
密码:
Passwort-wiederholen:
注意添加的ID。我没有做pw
和repw
,因为登录时使用纯pw
对我来说更有意义(11684)(别忘了在登录表单中添加)。因为我会做register pw
,所以我追求一致性,并且做了register repw
。但这些ID是什么并不重要,只要它们是唯一的。我将打字错误
alert(yes)
改为alert(“yes”)
,因为很明显,第一个会抛出一个引用错误
正在工作的JSFIDLE:此外,甚至没有名为“repw”的元素!是的,我知道,我以前试过,但没用。现在我又试了一次,但仍然不起作用。有。查看
注册表面板
@Ian@11684哦,天哪,我甚至没有向下滚动来查看所有这些。你说得对,没关系!我同意你的回答,你介意我在中编辑OP代码的更正版本吗?这是一个重要的编辑,所以我想我应该问一下。(@Alon)还有,连一个名为“repw”的元素都没有!是的,我知道,我以前试过,但没用。现在我又试了一次,但仍然不起作用。有。查看注册表面板
@Ian@11684哦,天哪,我甚至没有向下滚动来查看所有这些。你说得对,没关系!我同意你的回答,你介意我在中编辑OP代码的更正版本吗?这是一个重要的编辑,所以我想我应该问一下。(@Alon)
<script>
window.abc = function(){
var a = document.getElementById('pw').value;
var b = document.getElementById('repw').value;
if(a==b){
alert("yes")
}
}
</script>
...
<form id="registerpanel">
<fieldset>
<legend>REGISTER</legend>
<p class="textinput">Benutzername: <input name="id" type="text" size="30" maxlength="30"></p>
<p class="textinput">eMail: <input name="email" type="text" size="30" maxlength="30"></p>
<p class="textinput">Passwort: <input name="pw" id="register-pw" type="password" size="30" maxlength="30"></p>
<p class="textinput">Passwort wiederholen: <input name="repw" id="register-repw" type="password" size="30" maxlength="30"></p>
<input class="button" type="button" onclick="abc()" name="register" value="Registrieren"/>
</fieldset>
</form>