表单提交按钮不起作用

时间:2015-07-21 12:36:16

标签: javascript html forms

我有一个带有提交按钮的表单。不幸的是我的javascript函数不起作用。我的错误在哪里?它的工作原理是按Enter键,但不能点击提交按钮

<div id="form" class="contact-us-form">
    <form id="myform" target="_self" onsubmit="" action="javascript: postContactToGoogle()">
        <div>
            <input spellcheck="false" autocomplete="off" id="email" type="text" name="email" value="deine eMail" onfocus="this.value=''" onblur="this.value='deine eMail'">
        </div>
        <br>
        <div>
            <button onclick="submits()" id="send" type="submit">EINTRAGEN</button>
        </div>
    </form>
    <script type="text/javascript">
    function submits() {
        document.getElementById("myform").submit();

    }
    </script>
</div>

3 个答案:

答案 0 :(得分:0)

你做的很奇怪。您正在尝试非常&#34;手动&#34;。提交按钮(即类型=&#34;提交&#34;部分)已经提交此表单,因此您的函数不需要提交()。

然后,在javascript中,只需参考您的表单提交事件即可。您可以通过ID获取表单,就像您已经完成的那样。

答案 1 :(得分:0)

添加&#39;名称&#39;表单中的属性

<form id="myform" name="myform">
    <!-- Form content -->
</form>

更改脚本功能

<script type="text/javascript">
    function submits() {
        document.myform.submit();
    }
</script>

答案 2 :(得分:0)

我自己发现了错误:

onblur="this.value='deine eMail'"

请勿在提交按钮中使用onblur。它将终止提交功能,它将无法正常工作