Javascript 有没有非常简单的JQuery验证？

嗨，我想在表单中添加一些简单的验证

有两个文本框，用户只需输入数字，并且必须大于零。jquery代码位于它自己的文件中（表单由html/jquery/php组成）。第一个数字表示“以前的年龄”，第二个数字表示“当前年龄”。例如，如果用户在任一文本框中输入“0”，则应显示一个警报或消息框，通知他们需要输入大于零的数字。除文本框中输入的大于零的数字外，任何其他数字都会产生警报消息

作为旁注，.php文件仅在用户清除表单要求后用于计算/数学

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

谢谢,，

---

查尔斯

如果你把问题的方面去掉，验证是相当基本的。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;
  }
}

---

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

正如Ben Rowe所建议的那样，您可以使用该代码，但在checkField（fieldId）函数中，您必须验证输入数据是否应为整数，只有在这种情况下，您才能使用这些代码来确定日期

var isEmail\u re=/^\s*[\w\-\+\+++（\.[\w\-\+\+++）*\@[\w\-\+\+\++\.[\w\-\+\+\++++++（\.[\w\-\+\+\+++）*\s*$/；
电子邮件功能{
返回字符串。搜索（isEmail_re）！=-1；
}
函数为空{
如果（！s | | s.length==0）{
返回true；
}
//检查是否有非空白字符
//我认为[需要引用]更快
//而不是删除所有空白并检查
//对空字符串
返回！/[^\s]+/.test；
}
函数SendContactForm（）{
var isFormValid=true；
var isEmailOk=isEmail（$（'#cemail'）.val（））；
如果（isEmailOk==false）{
$（'emEmail'）.css（'color'，'red'）；
isFormValid=false；
}
否则{
$（'#emEmail'）.css（'color'，'black'）；
}
var isNameOk=isBlank（$（'#cname'）.val（））；
如果（isNameOk）{
$（'#emName'）.css（'color'，'red'）；
isFormValid=false；
//警惕（“！”）；
}
否则{
$（'#emName'）.css（'color'，'black'）；
}
var issubjtectok=isBlank（$（'#csubject'）.val（）；
如果（isSubjectOk）{
$（'emSubject'）.css（'color'，'red'）；
isFormValid=false；
}
否则{
$（'emSubject'）.css（'color'，'black'）；
}
var isMesageOk=isBlank（$（'#cmessage'）.val（）；
如果（伊斯梅萨克）{
$（'#emMessage'）.css（'color'，'red'）；
isFormValid=false；
}
否则{
$（'#emMessage'）.css（'color'，'black'）；
}
如果（isFormValid）{
$（“#contactFormFields”）.hide（“explode”，1000）；
$.post（“/Home/SendContactForm”，{email:$（'#cemail'）.val（），
名称：$（'#cname'）.val（），
主题：$（“#csubject”）.val（），
消息：$（'#cmessage'）.val（）
},
功能（数据）{
如果（data.length>0）{
//警报（数据）；
}
});
}
}
电子邮件
*
名称
*
主题
*
消息
*

也许您正在寻找验证表单字段的插件

您可以尝试一下： 只需添加它的js文件和您的ready

添加所需的验证与像这样添加css一样简单

 <input class=":required" type="text">

添加整数验证的步骤

<input class=":integer" type="text">

---

等等。请点击链接了解更多信息。

您的理由是什么？jquery.validation插件是进行表单验证的最简单和最好的方法。扮演魔鬼代言人的角色，插件是必须加载的一个额外文件。正如@Alastair Pitts提到的，你应该去或加载插件，而不是编写自己的代码，为什么要重新发明轮子？@yitwail-好吧，这取决于你如何处理js文件。你能解释一下这与编写自己的代码有什么不同吗？@Falcon，你自己的代码可能是一个必须加载的外部JS文件，在这种情况下没有区别。但是，如果代码在网页中，那么服务器获取JS文件的请求就少了一个。

<input class=":integer" type="text">