javascript - 如何在 JavaScript 中最少输入两个表单？

Question

我有一个包含 3 个文本输入的表单。我需要提交该表格以对必填字段进行验证。我只需要用户完成该表单的两个输入，而不是其中一个，然后提交表单。我该怎么做？我不明白这里的逻辑。

我的代码:

$('#submit-btn').on('click', function(e){
  e.preventDefault();
  var input1 = $('#input1').val();
  var input2 = $('#input2').val();
  var input3 = $('#input3').val();
  if(input1 == '' || input2 == ''){
      alert('you have to complete only 2 fields')
  }else{
      $('#form').submit();
  }
});

<form action='' method='post' id='form'>
  <input type='text' value='' name='input1' id='input1'>
  <input type='text' value='' name='input2' id='input2'>
  <input type='text' value='' name='input3' id='input3'>
  <input type='text' value='' id='submit-btn'>
</form>

Answer 1

您可以使用 each 遍历所有输入并检查有多少输入具有值，如下所示。

$('#submit-btn').on('click', function (e) {
    e.preventDefault();
    var count = 0;
    $('input[type=text]').each(function () {
        if (this.value != '') count++;
        // use this.value.trim() to prevent empty value
    });

    if (count<2) {
        alert('you have to complete only 2 fields')
    } else {
        $('#form').submit();
    }
});