如何使用jQuery获取异步表单反馈？

我相信这可能是一个多余的问题，但我不知道如何以一种有意义的方式问谷歌

如果我有表格：

<form action="process.php" method="post">
    <p><input type="text" name="number" id="num" /></p>
</form>

我想在一段时间内得到反馈：

<span id="warning">Too high!</span>

太高了！

如果输入的数字太低或太高，如何在不使用提交按钮的情况下执行此操作？这可以在没有AJAX的情况下在客户端完成吗？

如果这是您的HTML：

<form id="form1" action="process.php" method="post">
<p><input type="text" name="number" id="num" /></p>
<input type="button" onclick="checkNumber()" />
</form>

然后这个JavaScript就可以做到这一点：

function checkNumber() {
    var number = document.getElementById('num');
    if (number > 40) {
        document.getElementById('form1').innerHTML += '<span id="warning">Too high!</span>';
    }
}

函数checkNumber（）{
var number=document.getElementById（'num'）；
如果（数量>40）{
document.getElementById（'form1'）。innerHTML+='Too high！'；
}
}

我会使用

onkeypress

事件进行反应：

---

$（'#num'）。on（'change'，function（）{…}）？？？很确定就是这个。谢谢您应该回答这个问题。注意：您同时使用$warning和$warn作为名称。@RoyJ所以您抓住了我；）+谢谢你的回答
$('#num').change(function () {
  var $this = $(this);
  var $warn = $('#warning');
  if ($this.val() > 100) {
    $warn.text('Too high!');
  }
  else {
    $warn.text('');
  }
});

$('#num').on('keypress',function () {
  var $warning = $('#warning');
  if (this.value > 100) {
    $warning.text('Too high!');
  }
  else {
    $warning.text('');
  }
});