如何在javascript表单验证中添加regex测试

How do i add a regex test to my javascript form validation?

本文关键字：添加 regex 测试 验证 表单 javascript      更新时间：2023-12-20

我已经使用javascript创建了一个简单的表单验证，并希望在输入中添加一些模式测试，以确保提交了正确的信息，但我对此非常陌生，希望有人能帮助我添加模式测试。

到目前为止，我的验证代码是：

function validate(form) {
var fail = false;
var name = document.getElementById("full_name");
if (name.value.length == 0) {
  document.getElementById("okName").className = "fail";
  fail = true;
}else{
  document.getElementById("okName").className = "success";
}

var email = document.getElementById("email");
var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+'.[a-zA-Z]{2,4}$/;
if (email.value.length == 0) {
  document.getElementById("okEmail").className = "fail";
    fail = true;
}else{
  document.getElementById("okEmail").className = "success";
}

}

我想我必须在电子邮件验证的"if"语句中添加条件，但不知道从哪里开始？我知道如何使用jQuery:

if( value.length<1 /*|| value==field_values[$(this).attr('id')]*/ || ( $(this).attr('id')=='email' && !emailPattern.test(value) )  )

但是我不知道如何在原始javaScript中做同样的事情，因为我不知道怎样在纯javaScript中针对电子邮件的输入！如果有人能帮我，我将不胜感激！

这看起来像：

var email = document.getElementById("email");
var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+'.[a-zA-Z]{2,4}$/;
if (!emailPattern.test(email.value)) {
  document.getElementById("okEmail").className = "fail";
    fail = true;
}else{
  document.getElementById("okEmail").className = "success";
}

也不需要检查字符串的长度。无需为如此简单的taks对您的网页进行jQuerize。：-）

一些建议：

  • 永远不要只依赖客户端验证
  • 验证控件是否确实存在（即，如果（电子邮件）｛…｝）
  • 修剪字符串或为名称提供模式（表单通过在表单字段中输入一个空格字符进行验证）
  • 此外，您的电子邮件模式实际上也不正确（句点也是[]中的"任意字符"）
if (email.value.length === 0 || !emailPattern.test(email.value) ) {
  document.getElementById("okEmail").className = "fail";
  fail = true;
} else {
  document.getElementById("okEmail").className = "success";
}
相关文章：