Question

This was working but has suddenly stopped for some reason. I can’t see what’s wrong. Can someone tell me what I am doing wrong here? I’m using an onclick event in a span tag then calling this function.

Firefox reports: Error: document.forms[0].submit is not a function

  function submitlogin() {
    document.forms[0].submit()
  }
<form method="post" id="submit" action="something.asp">
 <span id="button" onclick="submitlogin()"></span>
</form>

---

This is what the form looks like

  <form method="post" id="myform" action="">
    <div>
      <input type="text" id="name" name="name" />
    </div>
    <div id="btn-container">
      <span id="button" onclick="submitlogin();"></span>
    </div>
  </form>

Answer 1

document.forms[0] is searching for a <form> in your code, which you don’t have. A quick fix could be

<script type="text/javascript">
  function submitlogin() {
    document.forms["myform"].submit();
  }
</script>

<form method="post" id="myform" action="something.asp">
 <span id="button" onclick="submitlogin()">hello</span>
</form>