使用JQuery提交表单时，请检查HTML中标记为必填的字段

Question

我正在使用Jquery.submit()函数使用JQuery提交表单。但是我有些字段标记为requiredHTML。.submit()提交表格之前，我应如何使用此功能来检查必填字段？‌这是代码<script>function submit() {    $("form").submit();}function signup() {    alert("You're going to sign up");}</script><form action="JavaScript:void(0);" onsubmit="signup()" method="post">    <div class="input">        <label for="email">Email:</label>        <input required="" id="email"/>    </div>    <div class="input">        <label for="password">Password:</label>        <input required="" type="password" id="password"/>    </div>    <a class="submit" href="JavaScript:submit();">Sign Up</a>    <button type="submit" class="none_display"></button></form>a由于某些浏览器中buttonandinput标记的样式更改，我需要使用标记提交表单。

Answer 1

您发生了一些不必要的事情。

您不需要action="JavaScript:void(0);"表格。

去掉 <a class="submit" href="JavaScript:submit();">Sign Up</a>

function signup() {

    alert("You're going to sign up");

}

<form onsubmit="signup()">

    <div class="input">

        <label for="email">Email:</label>

        <input required="" id="email"/>

    </div>

    <div class="input">

        <label for="password">Password:</label>

        <input required="" type="password" id="password"/>

    </div>

    <button type="submit" class="none_display">Sign up</button>

</form>