使用 jQuery / Javascript 提交表单而不忽略“必需”标签答案

【问题标题】：Submit a form with jQuery / Javascript without ignoring "required" tag使用 jQuery / Javascript 提交表单而不忽略“必需”标签
【发布时间】：2013-02-27 14:30:58
【问题描述】：

所以我有以下表格：

    <form action="register.php" method="post" id="register-form" name="register-form">
    <input type="text" id="username" name="username" placeholder="Username" autofocus="autofocus" required />
    <input type="text" id="password" name="password" placeholder="Password" required />
    <a href="javascript:void(0);" class="btn" onclick="$('#register-form').submit();">Register</a>
    <input type="submit" style="display: none;" />
    </form>

我想知道的是，有没有办法让 jQuery 在提交表单时处理“必需”标签？现在没有。

【问题讨论】：

你可以找一个表单验证插件；它不是 jquery 内置的功能

标签： javascript jquery forms required

【解决方案1】：

改为在提交按钮上触发 click。

http://jsfiddle.net/PdUcq/

【讨论】：

完美运行！最后一个问题，使用<a href="javascript:void(0);" class="btn" onclick="$('#login-form-submit').trigger('click');">Login</a> 和$("#register-form .btn").on('click', function () { $("#register-form-submit").trigger('click'); }); 之间有什么大的区别，或者为什么我一直看到第二个？
@JonasKaufmann 功能差异不大，但我的方法更清晰/更干净

【解决方案2】：

来自link，

required 属性适用于大多数新浏览器。在较旧的浏览器中，由于它是 HTML5 规范的一部分，因此不受支持。

如果您正在寻找 jquery 的跨浏览器支持，您将不得不使用一些插件。其中一个不错的是this plugin。

或者您可以继续编写自己的自定义验证器，但为什么要重新发明轮子。

【讨论】：