текстовое поле формы не идентифицируется как объект

Question

У меня есть форма с одним текстовым полем и одной кнопкой. Здесь мне нужно проверить, если пользователи не вводят неверные данные в текстовое поле, поэтому у меня есть функция в head. siteters, которая называется событием onclick Но я получаю ошибку:

«Ошибка времени выполнения Microsoft JScript:« document.Form1.studentID »имеет значение null или не объект "

Здесь «Form1» - это «id» формы

Вот мой код 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 ()

edit: как указано в ответе, да, это должно быть имя, а не ID, если вы не используете document.getElementById вместо устаревшего точечного обозначения

Answer 2

Дайте вашей форме NAME вместо ID.

Answer 3

document.getElementById('studentID');

OR

document.getElementsByName('studentID');