0

getリクエストが送信される前に次の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>
4

4 に答える 4

3

getElementByIdid上記で使用したプロパティではなく、プロパティを検索しnameます。

変化する：

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

に

Password <input type=password name=t4 id='t4'><br>
于 2013-02-25T05:05:35.967 に答える
1

これは、name属性 を指定したばかりだからです

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

成功する

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

nameとの両方を与えることをお勧めしidます。あなたを助け、それは失敗しません:)
jsがid（あなたのコードとして）取るようにそしてrequestオブジェクトが取るようにname

于 2013-02-25T05:08:43.743 に答える
0

テキストボックスを変更せずに、次のコードを変更するだけでこれを試すこともできます 

var s1=document.getElementByName('t4');
var s2=document.getElementByName('t5');

これは、これらの値を取得するのにも役立ちます。

于 2013-02-25T05:27:14.510 に答える
0

これを試して：

<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!="")
    {
        if (!(s1 == s2))
        {
            alert('Passwords does not Match');
            return false;
        }
    }
    else
    {
        alert("Please enter password");
        return false;
    }
}
</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" onsubmit="return match();">
        User Name &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=text name='t3' id='t3'><br>
        Password <input type=password name='t4' id='t4' /><br />
        Password <input type=password name='t5' id='t5' /><br />
        <input type=submit name=sub value="reg" />
</form>
</div>

</body>
</html>
于 2013-02-25T05:18:57.133 に答える