入力ミスを訂正した後、javascriptでユーザー入力を検証し、再送信がelse構造から抜け出ることはありません

Question

私はクーポンコードフィールドを持っています。私は検証のために以下のコードを書いた。ユーザーが最初に無効なキーを入力すると、「無効なキー」が表示され、無効なキーを修正して送信すると、何も実行されません。私はそれがelse構造から出てこないことを知っています。あなたはこのラインvar keyinput = ...後に閉じ括弧}を持って

<form name="offerpage" autocomplete="off" action="/blah/blah blah_servlet/" method="post" onsubmit="return validateCoupon());"> 

<input type="text" maxlength="07" class="form-cntrl" name="COUPON" id="COUPON" value="${vs['COUPON']}" required="" style ="width: 100px"> 

function validateCoupon() 
        { 

         var couponkey = ["ABCDEF1", "ABCDEF2", "ABCDEF3","ABCDEF4", "ABCDEF5", "ABCDEF6", "ABCDEF7"]; 

         var keyinput = $('#COUPON').val().trim().toUpperCase(); 

} 
         if(couponkey.indexOf(keyinput)>-1) 
          { 
          alert("Awesome"); //testing the flow 
          return true;   
          } 

         else 
          { 
           alert("Invalid Key"); 
           return false; 

          } 



    } 

Answer 1

示唆してください。したがって、関数validateCouponのスコープを閉じます。その結果、その括弧の後のステートメントは関数の一部として実行されません。そのブラケットを取り除くだけで、コードは正常に動作するはずです。

function validateCoupon() { 

    var couponkey = ["ABCDEF1", "ABCDEF2", "ABCDEF3", "ABCDEF4", "ABCDEF5", "ABCDEF6", "ABCDEF7"]; 

    var keyinput = $('#COUPON').val().trim().toUpperCase(); 

    // } --> This bracket is not required. 
    if (couponkey.indexOf(keyinput) > -1) { 
    alert("Awesome"); //testing the flow 
    return true; 
    } else { 
    alert("Invalid Key"); 
    return false; 
    } 
}