자바 스크립트 및 양식을 사용하여 변수로 양식 정보 사용하기

좋아요, Stack Overflow의 사람들, 제가 궁금한 점이 있습니다. 저는 고등학교 때 웹 디자인 수업을 듣고 있으며, 이미 첫 번째 사실을 알고 있기 때문에 수업을 앞두고 배우고 있습니다. 반의 절반. Javascript에 대해 배운 것을 가르 칠 수 있는지 교사에게 물었습니다. 나는 동의했습니다. 그러나, 제가 스스로 가르쳐 주길 바라는 것들 중 하나는 저를 위해 일하는 것이 아닙니다. 변수에 대한 간단한 검사를하려고합니다. 상자에 이름을 입력 할 때, 내 이름이나 선생님의 이름 인 경우 "환영"또는 이와 비슷한 것을 나타내는 팝업을 끌어 올리며, 누군가 인 경우 다른 말로하면 "떠난다"는 유일한 문제는 내가 코드에서 무엇을 시도해도 문제가 없다는 것입니다. 이것은 내가 가지고있는 테스트 기능입니다.자바 스크립트 및 양식을 사용하여 변수로 양식 정보 사용하기

<!doctype html> 
<html> 

<head> 


<script type="text/javascript"> 
    var name = document.KageForm.User.value; 

     function validator(){ 
if(name=="Kage Kaldaka"){ 
      alert("Eeyup")}; 
     else 
      alert("Nnope"); 
    } 
    </script> 

    </head> 
    <body> 

    <form name="KageForm"> 
     Username:<input type="text" name="User"> 
    <br/> 
     Password: <input type="password" name="pass"> 
    <br/> 
    <input type="button"value="Submit" onclick="validator()" /> 
    </form> 
    </body> 
    </html>

출처

2013-04-08 Kage Kaldaka

가 if 후 세미콜론이 없어야한다 : 여기에 내가 일을 얻기 위해 노력하고 코드의 전체 버전 인

<!doctype html> 
<html> 

<head> 


<script type="text/javascript"> 
    var name = document.KageForm.User.value; 

     function validator(){ 
     alert(name); 

    } 
    </script> 

    </head> 
    <body> 

    <form name="KageForm"> 
     Username:<input type="text" name="User"> 
    <br/> 
     Password: <input type="password" name="pass"> 
    <br/> 
    <input type="button"value="Submit" onclick="validator()" /> 
    </form> 


    <script type="text/javascript"> 
    </script> 
</body> 
</html>

를 인쇄하기위한 것입니다.

function validator(){ 
    var name = document.KageForm.User.value; 
    if(name=="Kage Kaldaka"){ 
     alert("Eeyup") 
    } else { 
     alert("Nnope"); 
    } 
}

JSFiddle : http://jsfiddle.net/FhCTc/1/

출처

2013-04-08 22:45:28

을 당신은 여기에 몇 가지 문제를 가지고 : 당신은 또한 업데이트 확인하기 위해 함수 내에서 변수를 넣어야 할

당신은 if 문
입력 필드가 아직 페이지에 추가되지 않았고 사용자가 아직 입력하지 않은 시점에서 페이지로드시 이름 값을 읽는 중입니다. 당신은 사용자가 양식을 제출하면 그것을 읽을 필요는 validator 방법 내부 name 할당을 이동해야 즉 :

JS :

function validator(){ 
    var name = document.KageForm.User.value; 
    if(name=="Kage Kaldaka"){ 
     alert("Eeyup"); 
    } else { 
     alert("Nnope"); 
    } 
}

출처

2013-04-08 22:47:05 Steve

정말 고마워요! 이런 식으로하는 것은 이번이 처음이므로 변수를 사용하여 그 부분에 대해 알지 못했습니다. –

괜찮 으면, 나는 비교적 간단하다고 생각되는 또 다른 질문이있었습니다. 어떤 이유로, 버튼이나 입력에서 document.write를 사용하는 함수를 호출 할 때마다 페이지에있는 모든 스타일이 지워집니다 . 무슨 일이 일어날 지 아십니까? –

당신은 함수 외부에서 변수를 설정됩니다

<script type="text/javascript"> 
var name = document.KageForm.User.value; 

function validator(){ 
    if(name=="Kage Kaldaka"){ 
     alert("Eeyup")}; 
    else 
     alert("Nnope"); 
} 
</script>

즉, 페이지가로드 될 때 var name이 설정되지만 다른 시간은 설정되지 않습니다. validator()으로 이동하십시오.

if 또한 세미콜론으로 끝나므로 else 부분에 오류가 발생할 수 있습니다.

출처

2013-04-08 22:48:45

이전의 모든 답변 외에도 사용하는 JavaScript에서 좋은 방식으로 사용됩니다. === not ==

출처

2013-04-08 22:54:07 bognix

"좋은 태도"란 무엇을 의미합니까? 그것은 매너와 아무런 관련이 없습니다. 두 명의 운영자는 다른 것을 의미합니다. – Steve

맞아요,하지만 그 차이점을 아는 것이 중요합니다. 이 경우 ==와 ===는 동일한 효과를 갖지만 ==를 사용할 필요가 없을 때 나는 사용해야한다고 믿는다. 그것은 양측에 대해 많은 논쟁이 있다며 '엄격한 사용'과 유사합니다. 이것은 나의 생각이고, 나는 기사의 농담을 읽고 좋은 습관이라고 생각한다. – bognix

자바 스크립트 및 양식을 사용하여 변수로 양식 정보 사용하기

답변

관련 문제