JavaScript Text未提交表单

时间:2016-06-02 17:05:50

标签: javascript html

我有一个名为注册的表单。我决定不使用按钮,而是使用JavaScript提交文本,但是表单没有提交。

<a href="javascript:document.getElementById('signup').submit();">Finished</a>

4 个答案:

答案 0 :(得分:1)

  1. 首先,您应该将您的Javascript与HTML分开。 Read More
  2. 你应该发布更多代码,例如HTML。
  3. 以下是获取表单提交的工作示例:

    <强> HTML:

    <form id="signup">
    
    </form>
    
    <a class="submit" href="#">Submit</a>
    

    <强>的Javascript

    var form = document.querySelector('#signup');
    var submitBtn = document.querySelector('a.submit');
    
    submitBtn.addEventListener('click', function() {
        form.submit();
    })
    

    https://jsfiddle.net/hpg6mnnr/

答案 1 :(得分:0)

我认为您可以通过此

实现您的目标
<a href="" onclick="signup.submit();">Finished</a>

答案 2 :(得分:0)

您可以尝试使用javascript onclick事件处理程序来实现您的目标。让我借助一个例子向你解释,如下所示

<html>
    <body>
        <a href="google.com" id="link">Google</a>
        <script>
            function f1() {
                alert("f1 called");
                //function f1()'s alert demonstrating additional functionality    
            }
            window.onload = function() {
                document.getElementById("link").onclick = function fun() {
                    alert("hello");
                    f1();
                    //executing an initial "hello" alert
                }
            }
        </script>
    </body>
</html>

在这里,我们创建一个链接,并为其指定link的ID。假设我们需要它在单击时执行某些功能。一切都很好。

现在加载文档后(如window.onload所示),我们等待点击链接。如果单击它,我们将执行onclick事件,该事件会发出警告“Hello”。进一步假设您希望通过单击链接来执行一些额外的功能(如提交表单,如您的情况),因此我们使用f1()方法在此处演示。您可能会看到我们只需使用onclick事件处理程序即可同时执行所有这些操作。

答案 3 :(得分:0)

嗯,你有几种方法可以做到!

首先验证是否有另一个HTML元素与您构成的id相同,因为如果有,则有两个问题,一个HTML格式不正确,第二个可能首先定义而不是标记,当然,document.getElementById('signup')将首先捕获它。此外,如果页面尚未完整加载,则无法找到该元素,请尝试(请参阅下面的 表单 ):

window.onload = function () {
    var aBtn = document.getElementById('myA');
    aBtn.onclick = function () {
        document.getElementById('submit').submit();
    }
}

另一个原因但不太可能是,您的活动脚本(例如javascript)可能会被禁用。

验证以防万一: 互联网选项 - &gt;安全选项卡 - &gt;自定义级别 - &gt;脚本 - &gt;活动脚本 - &gt; [启用]

我刚刚复制了你的代码,它对我有用。 例如:

<form id="signup" action="http://google.com">
    <a href="javascript:document.getElementById('signup').submit();">go</a>
</form>

您还可以使用 onclick =“document.getElementById('signup')。submit();”或使用按钮或输入类型=“提交”

E.g:

<form id="signup" action="http://google.com">
    <a href="javascript:document.getElementById('signup').submit();">go</a>
    <input type="submit" value="go2">
    <button>go3</button>
</form>

嗯,还有其他方法可以做到,但我认为这些就够了!