0

私はJavaScriptの学習を始めたばかりで、しばらくの間HTMLを使用しています。ログインフォーム用の適切な JavaScript コードを正しくコーディングできたことはわかっています。

ここに私のJavaScriptコードがあります:

<script>
function login(){
    var username=document.getElementById('usrnm');
    var password=document.getElementById('pass');
    if(username=="abc"){
        if(password=="123"){
            window.location.href="mypage.html"
        }
        else{
            window.location.href="error.html"
        }
    else{
        window.location.href="error.html"
    }
}
</script>

そして、ここに私のHTMLフォームがあります:

<form name="input" method="get">
<b>Username:</b>
<br>
<input id="usrnm" type="text" name="usrnm">
<br>
<br>
<b>Password:</b>
<br>
<input id="pass" type="password" name="pswrd">
<br>
<br>
<center>
<input id="login" type="image" src="login.png" value="login" onclick="login()">

[ログイン] ボタンをクリックしたとき。同じページをリロードするだけですが、ご覧のとおり、「mypage.html」を呼び出すつもりでした。JavaScript の学習を始めたばかりなので、コードが機能しない明確な理由がある場合は、簡単に説明してください。ありがとう =)。onclick="login()"行に挿入しようとしたときに<form name="input" method="get"> ユーザー名フィールドまたはパスワード フィールドに入力すると、コードによって "error.html" に誘導されるため、JavaScript が機能することはわかっています。

4

4 に答える 4

4

要素の値だけを取得しているのではありません。メソッド呼び出し.valueの最後に追加します。document.getElementById(id)

于 2013-08-08T12:07:07.060 に答える
4

あなたの JS は意図したとおりに動作しません。要素を選択していますが、その値は選択していません。次のように変更してみてください。

<script>
function login(){
    var username=document.getElementById('usrnm').value;
    var password=document.getElementById('pass').value;
    if(username=="abc"){
        if(password=="123"){
            window.location.href="mypage.html"
        }
        else{
            window.location.href="error.html"
        }
    }
    else{
        window.location.href="error.html"
    }
}
</script>
于 2013-08-08T12:07:41.843 に答える
0

usrnm ID を取得し、ID 値を次のように渡します。

var username=document.getElementById('usrnm').value;
var password=document.getElementById('pass').value;

また

それ以外の場合は、if 条件を次のように渡します

if(username.value == "abc"){
    if(password.value == "123"){
      .....
    }
}
于 2013-08-08T12:07:57.480 に答える
0

コードを変更する

var username=document.getElementById('usrnm').value;

var password=document.getElementById('pass').value;

于 2013-08-08T12:10:26.973 に答える