JavaScriptが新しいウェブサイトの警告を表示するonclick

Question

これは私が見ていない簡単な修正かもしれませんが、基本的な配信ゾーン機能をセットアップしようとしています。あなたが配達地域にいる場合は、郵便番号を提出した後、あなたが私たちのゾーンにいると警告が表示され、OKをクリックすると、予約ページに移動します。そうでなければ、彼らはゾーンの外にいると言う。私は、予約ページにかかるアラートのオンクリック要求を得ることができないようです。あなたの問題はクリックでページを更新submitボタンがあるように（P.S. Squarespaceに持ち込ますべてjavacript）のコメントから

<script type="text/javascript"> 

function IsValidZipCode() { 

    var zip = document.getElementById('txtZip').value; 
    var ZipArray = ["60543", "60188"]; 
    var isValid = ZipArray.indexOf(zip); ; 
    (isValid); 
    if (isValid >= 0){ 
     alert ('Nice! go ahead and book!') 
     // NEED TO LINK TO NEW WEBPAGE 
     return true; 

    } 
    else { 
     alert('Sorry, we do not offer delivery here at this time'); 
     return false; 
    } 
} 
</script> 
<form> 
Please Enter Zip Code: <input id="txtZip" name="zip" type="number" /> 
<input onclick="IsValidZipCode()" id="Button" type="submit" value="Submit"/> 
</form> 

Answer 1

は、それが聞こえます。これを防ぐには、e.preventDefaultを使用する必要があります。ここで

<input onclick="IsValidZipCode(event)" id="Button" type="submit" value="Submit"/> 

function IsValidZipCode(event) { 
    if (isValid >= 0){ 
     event.preventDefault; 
     alert ('Nice! go ahead and book!') 
     window.location.href = 'yoururl.com' 
    } 
} 

は良い参考です：preventDefault inside onclick attribute of a tag

https://jsfiddle.net/yLyvt30y/