使用javascript进行实时表单验证

Question

我想使用 javascript 进行实时表单验证，就像我在文本字段中输入数字一样，它应该立即给出错误消息，反之亦然。我怎样才能做到这一点。

Answer 1

您需要首先检测输入条目的变化。 您可以通过使用oninput事件轻松做到这oninput （ 在此处阅读更多内容）。

看那个例子：

<script>
  window.addEventListener('input', function (e) {
   console.log("input event detected! coming from this element:", e.target);
  }, false);
</script>

<input placeholder="type here and see console.">

每次您的输入值更改时，都会在该侦听器中触发并接收到一个事件。

在您的情况下，您需要为每个输入添加一个事件侦听器，而不是在处理程序函数中执行console.log ，只需调用一个通用函数来验证表单中所有输入的所有值。

对于验证，您可以查看多个库，例如validate.js或jQuery Validation 。 另外，看看validator.js 。