javascript - Javascript 中值列表的动态验证

Question

我有一个带有动态生成的输入字段的表单。在这些输入字段中，有些项目是必填的，需要由用户填写。提交表单时，我需要验证表单并检查必填字段是否是不为空。我如何使用 javascript 实现此目的？欢迎提出任何建议。

感谢您的宝贵时间和帮助

Answer 1

如果您使用的是 HTML 5，则可以在输入标记中使用 required 属性，否则您可以使用如下所示的内容在提交前验证每个字段。

$(document).ready(function(){
  $("#submit").click(function(){
    var failed = false;
    $(".required").each(function(){
      if ($(this).val() == "") {
        failed = true;
      }
    });
    
    if (failed) {
      alert("Mandatory field is empty!");
    } else {
      alert("Proceed");
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form method="post" id="myFomr">
  <input name="text1" type="text" class="required" value=""><br>
  <input name="text2" type="text" value=""><br>
  <input name="text3" type="text" class="required" value=""><br>
<form>
<button id="submit" type="button">Submit</button>