我有一张有三个文本输入的表格。我需要在提交表格时用所需字段进行验证。我需要用户只完成两个输入的表格,没有数学哪一个,然后提交表格。我怎么做这个?我不懂这里的逻辑。
我的代码:

$('#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>

最佳答案

只是有一个值的文本框。

$('#submit-btn').on('click', function(e) {
  e.preventDefault();
  var inputs = $('#input1').val().length > 0 ? 1 : 0;
  inputs += $('#input2').val().length > 0 ? 1 : 0;
  inputs += $('#input3').val().length > 0 ? 1 : 0;
  if (inputs != 2) {
    alert('you have to complete only 2 fields')
  } else {
    $('#form').submit();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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='submit' value='submit' id='submit-btn'>
</form>

关于javascript - 如何在JavaScript中最少输入两次所需的表单?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35341662/

10-12 00:45
查看更多