초등 자바 스크립트 - 변수 범위 혼동

Question

두 개의 html 양식을 포함하는 웹 페이지가 있는데 각각 제출 버튼이 있습니다. 사용자가 첫 번째 양식에서 제출 단추를 클릭하여 두 번째 양식으로 이동하기를 원합니다. 다음 사용자 변경 "가격"및 "에 커서를두고 경우

<form action="<?php $_SERVER['PHP_SELF']?>" method="post" name="seasonprice"> 
<input name="price" value="<?php echo $price ?>" type="text" size="7" maxlength="7" onChange="pricechange()"> 
<input name="price2" value="" type="text" size="7" maxlength="7"> 
<input name="submit" type="submit" value="Submit" onClick="pricesubmit()"> 
</form> 
<br> 
<br> 
<form id="addseason" action="<?php $_SERVER['PHP_SELF']?>" method="post" name="addseason"> 
<input name="FromDate" type="date" value="2013-01-01" size="16" onMouseDown="datechange();"> 
</form> 

:

<script type="text/javascript"> 
<!--Script to block date changes when price changes pending 
var priceflag = 0; 
function pricechange() { 
var priceflag = 1; 
} 
function pricesubmit() { 
var priceflag = 0; 
} 
function datechange() { 
    if (priceflag == 1){ 
alert ("Please click \"Submit\" before you move on to the dates."); 
    } 
} 
--> 
</script> 

그런 다음 매우 축약 된 형태의 양식은 다음과 같습니다

나는 머리에서이 자바 스크립트를 FromDate "를 클릭하지 않고 경고를 표시해야합니다. 그러나 그것은 효과가 없습니다! 머리카락이 찢어지기는하지만 아직 기본적인 오류라고 확신합니다.

Answer 1

var을 사용하면 로컬 변수가 선언됩니다. 따라서 귀하의 코드에서 글로벌 priceflag, priceflag, pricechange, priceflag, pricesubmit의 3 가지 변수가 있습니다.

또한 의견에 제안 된대로 부울이 필요한 곳에서 부울 (true/false)을 사용하십시오. 이 (함수 내부에 누락 된 var의 통지) 일 것 같은

뭔가 : 유용한

var priceflag = false; 
function pricechange() { 
    priceflag = true; 
} 
function pricesubmit() { 
    priceflag = false; 
} 
function datechange() { 
    if (priceflag){ 
     ... 
    } 
} 

읽

• Javascript Variable Scope on SO
• var on MDN