使用 Javascript 驗證優惠券代碼

Question

我試圖讓下面的代碼工作。 如果我輸入正確的優惠券代碼，它仍然給我“對不起，您輸入的優惠券代碼無效。請檢查並重試！” 消息。

這是javascript代碼：

<script language = "javascript"> 
function validate(coupon) { 
codes = new Object();
codes.GOLD20 = 20;
codes.GOLD = 30;
codes.GOLD40 = 40;
codes.GOLD50 = 50;

if (codes[coupon]) 
 { 
 window.alert("Coupon Code Accepted! Click the Order button!"); 
 } 
else 
 { 
 window.alert("Sorry, The Coupon Code you entered is invalid. Please check and try again!"); 
 } 
} 
</script>

這是html：

<input type="text" name="text1"> 
<input type="button" value="Validate Coupon" name="Submit" 
    onclick="validate()">` 

如果您在我的代碼中看到任何錯誤，請告訴我，或者如果您知道為什么我沒有收到接受優惠券代碼的警報，請告訴我。

Answer 1

這是因為您的 no 值被傳遞給驗證。 當你點擊時， validate()被調用，沒有參數，所以coupon是未定義的。

HTML 應該是：

<input type="text" name="text1"> 
   <input type="button" value="Validate Coupon" name="Submit" 
   onclick="validate(document.getElementsByName('text1')[0].value)">

現場JSFiddle 演示