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()对复选框不是一个好的测试，值总是“打开”，这不是空的。

对于复选框，您需要使用.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>

Answer 2

HTML具有名为required的内置功能，以提醒用户该表单不应为空。对于您的表单，它应该如下所示：

<form method='get' action=''>
  <input type='text' required>
  <input type='number' required>
  <input type='checkbox' required>
</form>

Answer 3

您可以使用表单或输入的required属性将其设为必填项，更多信息here。

如果使用Form中的任何内容而不是空的，则发出警报

3 个答案: