使用jQuery添加带有for循环的验证

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<form id="myForm">
  <input type="text" id="input1" name="input1" placeholder="Input 1">
  <input type="text" id="input2" name="input2" placeholder="Input 2">
  <input type="text" id="input3" name="input3" placeholder="Input 3">
  <button type="submit">Submit</button>
</form>

$(document).ready(function() {
  $('#myForm').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    
    var inputs = ['input1', 'input2', 'input3']; // 输入字段的ID数组
    
    for (var i = 0; i < inputs.length; i++) {
      var value = $('#' + inputs[i]).val(); // 获取输入字段的值
      
      if (value === '') {
        alert('请输入所有字段'); // 验证逻辑：如果字段为空，则弹出提示
        return; // 如果有字段为空，停止验证并返回
      }
    }
    
    // 所有字段都不为空，可以进行提交操作
    // 可以在这里调用后端接口或执行其他操作
    alert('验证通过，可以提交');
  });
});