Question

我尝试了如submit（）;这样的建议，但它对我不起作用......有人可以提供帮助吗。

 <section class="section_bkg" id="login">
    <form action="login.php" method="post" id="submit_login">
        <ul>
            <li>
                <label class="block" for="email">Email</label>
                <input type="email" name="email" id="email"/>
            </li>
            <li>
                <label class="block" for="password">Password</label>
                <input type="password" name="password" id="password"/>
            </li>
            <li><a href="#" onclick="document.form['submit_login'].submit();">Log in</a></li>
        </ul>
    </form>
</section>

Answer 1

首先为表单提供一个id属性，以便您可以引用它：

<form action="login.php" method="post" id="myform">

现在您可以使用 onclick 事件进行Javascript-submit：

<a href="#" onclick="document.forms['myform'].submit();">Click to submit the form</a>

Answer 2

建立@ dbaseman的答案。如果您使用jQuery提交表单，这应该有帮助。

<强> HTML

<a href="#" id="MySubmitButton" name="MySubmitButton">Click to save</a>

<强>的jQuery

// submit
$('#MySubmitButton').click(function () {
    $('form').submit();
    return false;
});

// OR - bypassing any unbotrusive validation
$('#MySubmitButton').click(function () {
    $('form')[0].submit();
    return false;
});

// using the enter key to submit the form
$('#password, #email').keypress(function (event) {
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if (keycode == 13) {
        $('form').submit();

        event.stopPropagation();
    }
});

Answer 3

JavaScript提供包含submit（）方法的表单对象。使用表单的“id”来获取表单对象。例如，如果表单的名称为“myform”，则提交调用的JavaScript代码为：

document.forms["myform"].submit();

但是，如何识别表格？在表单标记

中提供id属性

<form id='myform' action='handle-data.php'>

以下是单击超链接时提交表单的代码：

<form name="myform" method="post" action="handle-data.php">
Search: <input type='text' name='query' />
<a href="javascript: submitform()">Search</a>
</form>
<script type="text/javascript">
function submitform()
{
  document.myform.submit();
}
</script>

Answer 4

这里回答

 <form action="login.php" method="post" id="myform" name="myform">
 </form>
 <a href="javascript:document.myform.submit();">Click to submit the form</a>

Answer 5

<a href="#" onclick=
 "document.getElementById('submit_login').submit(); return false">Log in</a>

但是使用提交按钮确实更有用，更易于访问，因此最好修复样式所带来的任何问题，而不是以这种方式实现基本功能。

如何使用<a></a>提交表单

5 个答案: