0 
<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コードはこのテキストの下にあります)。

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

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

1 に答える 1

0

ボタンのクリックでスクリプトを呼び出していない場合は、ここで動作例を確認してくださいhttp://jsfiddle.net/3CgcH/7/

checkValues関数を呼び出すボタンの onclick ハンドラを指定する必要があります

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

より適切な方法は、html要素にイベントを使用addEventListenerして登録することですattachEvent

于 2012-04-09T12:38:49.323 に答える