2012-03-07 3 views
2

하나의 텍스트 상자와 하나의 단추가있는 양식이 있습니다. 여기서는 사용자가 텍스트 상자에 유효하지 않은 데이터를 입력하지 않았는지 확인해야하므로 "onclick"이벤트라고하는 site.masters "head"에 함수가 있습니다. 하지만 오류 얻을 : 여기양식 텍스트 상자가 개체로 식별되지 않습니다.

"Microsoft JScript runtime error: 'document.Form1.studentID' is null or not an object"

"을 Form1에가"형식 여기

의 "ID"입니다 Site.Master에서 내 자바 스크립트 코드입니다 : 여기

<script language="javascript"> 

    function verifyInput() { 
     if (document.Form1.studentID.value != "testID") 
     { 
      alert("please enter valid student ID") 
     } 
    } 

</script> 

은 내 양식입니다 내보기에서 코드 :

<form id="Form1" method="get" action="/AddStudent/" runat="server"> 
    <label for="id"> 
     <br /><br /> Student ID: 
    </label> 
     <input type="text" name="studentID" maxlength=10/> 
     <input type="submit" value="Add Student" onclick="verifyInput()"/> 
</form> 
+0

양식에 [

] (https://developer.mozilla.org/en/HTML/Element/fieldset)을 입력하십시오. – user17753

답변

3

가 나는

document.forms.Form1.studentId.value 

할 필요가 있지만, 정말 당신이 document.getElementById를()

를 사용한다고 생각 편집 : 대답에 명시된 바와 같이, 예는 이름이 아닌 ID해야한다 대신 구식 점 표기법의 document.getElementById를를 사용하지 않는

2

은 형성한다 NAME 대신의 ID주세요 .

+0

양식의 이름. HTML 4에서는 그 사용이 더 이상 사용되지 않습니다 (대신 id를 사용해야합니다). HTML 5의 빈 문자열이 아니라 문서의 양식간에 고유해야합니다. [

] (https://developer.mozilla.org/en/HTML/Element/form)을 참조하십시오. – user17753

1
document.getElementById('studentID'); 

또는

document.getElementsByName('studentID'); 
관련 문제