javascript - 如何使 href 充当提交表单

Question

所以我有一个 a href 设置作为一个简单的表单提交，但我想将它用作与表单提交相同类型的方法。

所以我的设置方式是:

<!-- HTML -->
<a onclick="subForm('login');" style="cursor: pointer;"> login </a>

// JavaScript
function subForm(el) {
  var elem = document.getElementById(el);
  elem.submit();
}

现在，当我点击该链接时，它的作用就好像我点击了表单上的提交一样，我可以为表单设置一个 input type=hidden 这样我就可以在 PHP 中看到它但是..

我需要这个登录系统不为空并且不想使用旧方法 if empty then display an error after processed，所以我希望提交按钮能够当其中一个输入在其标记标签中设置为 required 时，与单击表单上的提交相同。

Answer 1

假设您的代码应该可以工作

<a onclick="subForm('login');" style="cursor: pointor;"> login </a>

位于 ID 为“登录”的表单内；

您可能想知道的几件事是 cursor:pointor 是错误的，它应该是 cursor:pointer。但是，如果您稍微更改代码，那么无论如何您都不需要内联样式。在我看来，这样的事情将是一个很好的改进。我没有测试过它，但它应该可以工作:

<form id="login" action="/wherever/you/want/this/form/to/post/to" method="post">
    <a id="js-submit-form" href=""> login </a>
</form>

<script>
    var formToSubmit = document.getDocumentById('login'),
    button = document.getElementById('js-submit-form'),
    submitForm = function(e) {
        e.preventDefault(); // this will stop the browser trying to use the href value
        formToSubmit.submit();
    };

    button.addEventListener("click",submitForm);

</script>

我刚刚阅读了您问题的其余部分，但实际上我并不理解您的问题。为什么不只使用“必需”标记和一些服务器端验证？