HTML表单验证-检查';必需的';继续之前的属性

HTML表单验证-检查';必需的';继续之前的属性,html,forms,validation,required,Html,Forms,Validation,Required,我有一个带有必填文本字段的html表单,类似这样- <form> <input type="text" class="text_input" required> <input type="text" class="text_input" required> <div id="submit_div"> <input type="submit id="submit"> </div> </form

我有一个带有必填文本字段的html表单,类似这样-

<form>
  <input type="text" class="text_input" required>
  <input type="text" class="text_input" required>
  <div id="submit_div">
      <input type="submit id="submit">
  </div>
</form>


将事件侦听器添加到表单的
onsubmit
事件中,如果检查失败,则添加
return:false

在提交表单之前使用JavaScript验证表单字段,如果有空字段或任何错误信息,则提醒用户。在这里找到关于使用javascript进行表单验证的教程,

很酷,谢谢。我对使用
click
事件处理程序非常着迷,我完全忘记了
submit
处理程序。
$("#submit")click(function() {
    $("#submit").hide();
    $("#submit_div").append('<div id="submitting" class="buttonText animated flash">Submitting...</br><div class="againStop" id="stop">Please wait</div></div>');
});