Javascript 如何在代码中定义文本字段值 这辆车是

这辆车是

这辆车是

我目前有一个表单的以下代码，其中有3个文本字段（表单代码在上面，Javascript代码在下面）

我的目标是基于文本值的输入，用户要么得到一条消息并停留在页面上，要么如果它们是正确的，则得到一条消息并转到另一个页面。我以前在下拉列表中这样做过。我所做的只是将变量从下拉列表名称更改为文本字段名称。现在当我运行这个时，什么都没有发生，我需要做更多的事情吗

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

函数checkValues（）{//此行必须在脚本标记内
var a=document.form2.text_1.value；
var b=document.form2.text_2.value；
var c=document.form2.text_3.value；
如果（a==“红色”&&b==“绿色”&&c==“黄色”）{
警告（“更正您已赢，请按“确定”以获得奖励！”）
window.location.href=“Reward.html”//重定向到新页面
} 
否则{
警告（“不对，请再试一次！”）；
window.location.href=“Money\u Match.html”；
} 
}

您还没有在单击按钮时调用脚本，请检查此处的工作示例

您需要为按钮指定onclick处理程序，该按钮将调用

checkValues

函数

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

---

更合适的方法是使用

addEventListener

和

attachEvent

注册html元素上的事件

如何将该函数连接到html？它似乎在任何地方都没有被提及。哈哈，我真傻，因为我没有在实际的按钮中添加check values函数，这要感谢它现在正在工作

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