表单文本框未标识为对象

form textbox not identified as object

本文关键字:对象 标识 文本 表单      更新时间:2023-09-26

我有一个带有一个文本框和一个按钮的表单。在这里,我需要验证用户是否没有在文本框中输入无效数据,所以我在site.masters"head"中有一个函数,称为"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>

我认为它需要

document.forms.Form1.studentId.value

但实际上你应该使用document.getElementById()

edit:如答案中所述,是的,它应该是一个名称,而不是ID,除非您使用document.getElementById而不是老式的点号

给表单一个NAME而不是ID

document.getElementById('studentID');

document.getElementsByName('studentID');