자바 스크립트로 새 웹 사이트 경고 받기 onclick

Question

이것은 쉽게 볼 수없는 쉬운 수정 일 수 있지만 기본 전송 영역 기능을 설정하려고합니다. 배달 구역에있는 경우 zipcode를 제출 한 후 우리 구역에 있다는 경고가 표시되고 확인을 클릭하면 예약 페이지로 이동합니다. 그렇지 않으면, 그들이 구역 밖에 있다고. 나는 예약 페이지에 걸리는 경고에 대한 onclick 요구를 얻는 것처럼 보이지 않습니다. 문제는 클릭에 페이지를 새로 고침 제출 버튼처럼 (추신 : 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/