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>

动态验证Javascript中的值列表

1 个答案: