Javascript 密码验证(2个文本框,比较)

Javascript 密码验证(2个文本框,比较),javascript,html,Javascript,Html,在你责怪我之前,是的,我找了大约一个小时类似的东西,但遗憾的是我找不到我的错误,至少我在stackoverflow中找的问题没有给我一个正确的答案,因为我有几乎完全相同的东西(不是复制和粘贴)。 然而,有人能解释一下,为什么我的代码(javascript)不能工作? 我正在玩它好几个小时了,但是我找不到它 <html> <head> <title>Anmeldung/Login</title> <link rel="styl

在你责怪我之前,是的,我找了大约一个小时类似的东西,但遗憾的是我找不到我的错误,至少我在stackoverflow中找的问题没有给我一个正确的答案,因为我有几乎完全相同的东西(不是复制和粘贴)。 然而,有人能解释一下,为什么我的代码(javascript)不能工作? 我正在玩它好几个小时了,但是我找不到它

<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>