form.submit is not a function
2019-04-06 本文已影响0人
mia米呀
<form id="form1">
用户名:<input type="text" name="username"><br>
<input type="button" name="submit" value="提交" onclick="form1();">
</form>
<script type="text/javascript">
//实现提交方法
function form1(){
//获取form
var form1 = document.getElementById("form1");
//设置action
form1.action = "hello.html";
//提交form表单
form1.submit();
}
</script>
用js提交表单的时候form.submit()方法,在firebug下会看到typeError: form.submit is not a function的错误
image.png
alert(form.submit);会发现是一个[object HTMLInputElement] input元素。那原因就是form.submit()方法被表单里的<input name=submit >的元素覆盖了
因为在表单中,form.xxx也会被认为是访问表单中的某元素对象。重新给那个input一个名称,问题解决