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一个名称,问题解决

原文:https://blog.csdn.net/diyle/article/details/7801225

上一篇下一篇

猜你喜欢

热点阅读