0

我确信这可能是一个多余的问题,但我不知道如何以一种有意义的方式询问 Google 或 SO。

如果我有一个表格:

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

我想在一个跨度内获得反馈:

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

如果输入的数字太低或太高,我怎样才能在不使用提交按钮的情况下做到这一点?这可以在客户端完成并且没有 AJAX 吗?

4

3 回答 3

1
$('#num').change(function () {
  var $this = $(this);
  var $warn = $('#warning');
  if ($this.val() > 100) {
    $warn.text('Too high!');
  }
  else {
    $warn.text('');
  }
});
于 2013-08-02T17:11:16.340 回答
1

我会使用onkeypress事件进行反应:

演示

$('#num').on('keypress',function () {
  var $warning = $('#warning');
  if (this.value > 100) {
    $warning.text('Too high!');
  }
  else {
    $warning.text('');
  }
});
于 2013-08-02T17:14:54.833 回答
0

如果这是您的 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>';
    }
}
于 2013-08-02T17:04:05.517 回答