コード内にテキストフィールド値を定義する方法

Question

<form id="form2" name="form2" action=""> 
    <div class="form_colour" id="formcolour"><img src="../Images/red_car.jpg" alt="" width="370" height="124" />This car is 
     <label for="textarea"></label> 
     <input name="text_1" type="text" class="form_colour" id="text_1" /> 
    </div> 
    <p>&nbsp;</p> 
    <p><img src="../Images/green_car.jpg" width="370" height="124" />This car is 
     <input name="text_2" type="text" class="form_colour" id="text_2" /> 
    </p> 
    <p> 
     <img src="../Images/Yellow_car.jpg" width="370" height="124" />This car is 
     <input name="text_3" type="text" class="form_colour" id="text_3" maxlength="8" /> 
    </p> 
    <p> 
     <input name="confirm" type="button" class="form_colour" id="confirm" value="Confirm" /> 
    </p> 
</form> 

私は現在、3つのテキストフィールドを持つフォーム（フォームのコードはこれより上で、JavaScriptコードはこのテキストの下にあります）を持っています。

私の目標はテキスト値の入力に基づいており、ユーザーはメッセージを取得してページに留まるか、または正しいかどうかを確認してメッ​​セージを受け取り、別のページに移動します。私はドロップダウンリストのために以前これをしました。私がしたのは、ドロップダウンリスト名からテキストフィールド名に変数を変更するだけでした。今私はこれを実行すると、何も起こらない、私は何かをもっとする必要がありますか？あなたは

<input name="confirm" type="button" class="form_colour" id="confirm" value="Confirm" onclick="checkValues();" /> 

より適切な方法checkValues関数を呼び出しますボタンのonclickのハンドラを指定する必要がありますが、ここで働くの例をご確認くださいhttp://jsfiddle.net/3CgcH/7/

、ボタンのクリックであなたのスクリプトを呼び出していない

</script> 

<script type="text/javascript"> 

function checkValues() { // this line must be within the script tags 
    var a = document.form2.text_1.value;  
    var b = document.form2.text_2.value; 
    var c = document.form2.text_3.value; 

    if (a == "red" && b == "green" && c == "yellow"){ 
     alert ("Correct you have won press OK for your Reward!") 
     window.location.href = "Reward.html"; // redirect to new page 
    } 
    else { 
     alert ("Not right Please try again!"); 
     window.location.href = "Money_Match.html"; 
    } 
} 

</script> 
</script> 

Answer 1

addEventListenerとattachEventを使用してhtml要素にイベントを登録することがあります