javascript - 是否有任何非常简单的 JQuery 验证？

Question

您好，我想为表单添加一些简单的验证。

有 2 个文本框，用户只能输入数字并且必须大于零。 jquery 代码在它自己的文件中(表单由 html/jquery/php 组成)。第一个数字代表“以前的年龄”，第二个数字代表“当前年龄”。例如，如果用户在任一文本框中输入“0”，则应出现警告或消息框，通知他们需要输入大于零的数字。在文本框中输入的任何非大于零的数字都应该导致警告消息。

作为旁注，一旦用户清除了表单的要求，.php 文件仅用于计算/数学。

如果有人能提供一个清晰简洁的例子，我们将不胜感激。我试图通过谷歌搜索找到一个合适的例子，但似乎没有合适的。此外，我试图避免使用验证器插件，这似乎是在谷歌搜索问题时的答案。 我有我的理由，如果需要，我会非常乐意解释。

谢谢， 查尔斯

Answer 1

如果您去掉问题的方面，则验证是相当基本的。 jquery 的全部用途是使选择特定的 dom 元素更容易

$(function() {
  $('form').submit(function() {
    return checkFormIsValid();
  });
  $('#field1').keyup(function() {
    checkField(this.id);
  });
  $('#field2').keyup(function() {
    checkField(this.id);
  });
});

function checkFormIsValid()
{
  return checkField('field1') && checkField('field2');
}

function checkField(fieldId) 
{
  var val = $('#'+fieldId).val();
  // validation logic
  if(isValid) {
    return true;
  } else {
    alert(fieldId+ ' is not valid');
    return false;
  }
}

此基本验证将在每个字段以及用户提交表单时触发。