表单文本框未标识为对象

时间:2012-03-07 21:17:15

标签: javascript html asp.net-mvc

我有一个带有一个文本框和一个按钮的表单。在这里,我需要验证用户是否没有在文本框中输入无效数据,因此我在site.masters“head”中有一个函数,称为“onclick”事件。但是我收到了一个错误:

  

“Microsoft JScript运行时错误:'document.Form1.studentID'为空   或不是对象“

这里“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>

3 个答案:

答案 0 :(得分:3)

我认为它必须是

document.forms.Form1.studentId.value

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

编辑:如答案中所述,是的,它应该是名称,而不是ID,除非您使用document.getElementById而不是旧式的点符号

答案 1 :(得分:2)

为表单NAME而不是ID

答案 2 :(得分:1)

document.getElementById('studentID');

OR

document.getElementsByName('studentID');