javascript - 如果表单内有任何内容被使用且不为空，则发出警报

Question

$('form input').change(function(){
  if ($(this).val() != '') {
    alert('The Form Not Empty');
  } else {
    alert('The Form Empty')
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method='get' action=''>
  <input type='text'>
  <input type='number'>
  <input type='checkbox'>
</form>

我想跟踪表单输入，如果整个表单输入为空，我会提醒空一次，如果单个输入不为空，我会提醒不空

我在复选框上不断收到Not Empty，但它在text 输入上工作正常。

如果表单不完全为空，我可以只跟踪表单本身而不是输入吗？

Answer 1

$(this).val() 不是一个很好的复选框测试，该值始终为“on”，不为空。

对于复选框，您需要使用.prop()

$('form input').change(function(event) {
  console.log($(this).val())
  if (event.target.type === 'checkbox') {
    if ($(this).prop('checked') === true) {
      console.log('checked');
    } else {
      console.log('not checked');
    }
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method='get' action=''>
  <input type='text'>
  <input type='number'>
  <input type='checkbox'>
</form>