フォームのテキストボックスがオブジェクトとして識別されない

Question

私は、1つのテキストボックスと1つのボタンを持つフォームを持っています。ここでは、ユーザーがテキストボックスに無効なデータを入力していないかどうかを確認する必要があるため、 "onclick"イベントと呼ばれるsite.masters "head"に関数があります。しかし、私はエラーを取得する：ここで

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

"をForm1" フォーム

の "ID" がここにSite.Masterからの私のjavascriptのコードです：ここでは

<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> 

Answer 1

は、私はそれが

document.forms.Form1.studentId.value 

する必要がありますが、本当にあなたがのdocument.getElementById（）

を使用しなければならないと考えている編集：答えで述べたように、はい、それは名前ではなくIDでなければなりません、あなたの代わりに、昔ながらのドット表記法でのdocument.getElementByIdを使用しない限り

Answer 2

は、フォームNAME代わりのIDを与えます。

Answer 3

document.getElementById('studentID'); 

OR

document.getElementsByName('studentID');