Javascript 表格验证-电子邮件/电话号码

我有一个验证功能的问题，我只在一个功能，我想添加电子邮件的验证，如@和数字1-9。我如何添加它

html:

---

您希望使用正则表达式。已经有很多问题描述了如何做到这一点：

---

您想使用正则表达式。已经有很多问题描述了如何做到这一点：

来自：

此函数将使用javascript验证电子邮件：

function ValidateEmail(mail)   
{  
 if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(mail))  
  {  
    return (true)  
  }  
    alert("You have entered an invalid email address!")  
    return (false)  
}  

要验证电话号码，请执行以下操作：

function validatePhone(phone) {
    var error = "";
    var stripped = phone.replace(/[\(\)\.\-\ ]/g, '');

   if (stripped == "") {
        error = "You didn't enter a phone number.";
    } else if (isNaN(parseInt(stripped))) {
        phone = "";
        error = "The phone number contains illegal characters.";

    } else if (!(stripped.length == 10)) {
        phone = "";
        error = "The phone number is the wrong length. Make sure you included an area code.\n";
    }
}

发件人：

此函数将使用javascript验证电子邮件：

function ValidateEmail(mail)   
{  
 if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(mail))  
  {  
    return (true)  
  }  
    alert("You have entered an invalid email address!")  
    return (false)  
}  

要验证电话号码，请执行以下操作：

function validatePhone(phone) {
    var error = "";
    var stripped = phone.replace(/[\(\)\.\-\ ]/g, '');

   if (stripped == "") {
        error = "You didn't enter a phone number.";
    } else if (isNaN(parseInt(stripped))) {
        phone = "";
        error = "The phone number contains illegal characters.";

    } else if (!(stripped.length == 10)) {
        phone = "";
        error = "The phone number is the wrong length. Make sure you included an area code.\n";
    }
}

---

我可以给你一个我用过的函数示例。它并不完美，但它可以在您的环境中快速轻松地进行设置，只需极少的编辑：

function mail_check(){
var email   = document.getElementById(\'email\').value;
var email_check = email.split("@");
if (email_check[1]){var email_check2 = email_check[1].split(".");}
if (!email_check[1] || !email_check2[0] || !email_check2[1]) {
document.getElementById(\'mail_status\').innerHTML = "<font color=red>Invalid Email address!</font>";
return false;}
else if (email_check[1] && email_check2[0] && email_check2[1]) {
document.getElementById(\'mail_status\').innerHTML = "<font color=green>Valid Email address!</font>";
return true;}
}

功能邮件检查（）{
var email=document.getElementById（\'email\'）.value；
var email_check=email.split（“@”）；
如果（email_check[1]）{var email_check 2=email_check[1]。拆分（“.”；}
如果（！email_check[1]| |！email_check 2[0]| |！email_check 2[1]）{
document.getElementById（\'mail\'U status\'）。innerHTML=“无效的电子邮件地址！”；
返回false；}
否则如果（电子邮件检查[1]&电子邮件检查2[0]&电子邮件检查2[1]）{
document.getElementById（\'mail\'U status\'）。innerHTML=“有效的电子邮件地址！”；
返回true；}
}

我想很明显，我有一个空的span元素，它通过OnKeyUp js事件进行实时更改（基本上是OnKeyUp调用函数，这会产生系统实时检查的假象…尽管它确实存在，所以我想这毕竟不是假象-哈哈！）

希望有帮助。如果您需要进一步的帮助，请告诉我

---

干杯

我可以给你一个我使用过的示例函数。它并不完美，但它可以在您的环境中快速轻松地进行设置，只需极少的编辑：

function mail_check(){
var email   = document.getElementById(\'email\').value;
var email_check = email.split("@");
if (email_check[1]){var email_check2 = email_check[1].split(".");}
if (!email_check[1] || !email_check2[0] || !email_check2[1]) {
document.getElementById(\'mail_status\').innerHTML = "<font color=red>Invalid Email address!</font>";
return false;}
else if (email_check[1] && email_check2[0] && email_check2[1]) {
document.getElementById(\'mail_status\').innerHTML = "<font color=green>Valid Email address!</font>";
return true;}
}

功能邮件检查（）{
var email=document.getElementById（\'email\'）.value；
var email_check=email.split（“@”）；
如果（email_check[1]）{var email_check 2=email_check[1]。拆分（“.”；}
如果（！email_check[1]| |！email_check 2[0]| |！email_check 2[1]）{
document.getElementById（\'mail\'U status\'）。innerHTML=“无效的电子邮件地址！”；
返回false；}
否则如果（电子邮件检查[1]&电子邮件检查2[0]&电子邮件检查2[1]）{
document.getElementById（\'mail\'U status\'）。innerHTML=“有效的电子邮件地址！”；
返回true；}
}

我想很明显，我有一个空的span元素，它通过OnKeyUp js事件进行实时更改（基本上是OnKeyUp调用函数，这会产生系统实时检查的假象…尽管它确实存在，所以我想这毕竟不是假象-哈哈！）

希望有帮助。如果您需要进一步的帮助，请告诉我

---

干杯

这是一项非常常见的任务，你们试图解决这个问题的方式就像是洛杉矶2008年，嘿，快到2013年了。）

第一种方法是尝试查找表，以便用这种方法解决它

但是，是的，为什么不使用HTML5并在旧的/不受支持的浏览器上进行回退呢

---

您将获得对所有现代浏览器的本机支持，这比JS更快，加上编写良好的JS，它将以适当的方式为那些由于某种原因不支持<代码>表单验证的用户提供支持<代码><这是一项非常常见的任务，而您尝试解决这一问题的方式就像是la 2008，嘿，快到2013年了）

第一种方法是尝试查找表，以便用这种方法解决它

但是，是的，为什么不使用HTML5并在旧的/不受支持的浏览器上进行回退呢

---

您将获得对所有现代浏览器的本机支持，这比JS更快，加上编写良好的JS，它将以适当的方式为那些由于某种原因不支持

表单验证的人提供支持

这篇文章可能有帮助这篇文章可能有帮助我不知道如何在html代码中调用此函数，我是javascript新手，我对自己正在做的事情一无所知。js的任何帮助大师：）只需添加到您的输入字段

onkeyup=“mail_check（）”

它应该看起来像

-应该可以：）我不知道如何在我的html代码中调用此函数，我是javascript新手，我不知道我在做什么。js的任何帮助大师：）只需添加到您的输入字段

onkeyup=“mail_check（）”

它应该看起来像

-应该可以：）如何将它放入html代码中？我是新手，我想知道如何为将来做到这一点。您可以将这些函数添加到html（或单独的.js文件）上的标记中。与验证功能所在的位置相同。在验证函数中，您可以添加验证document.formValidation.Email.value和document.formValidation.telephoneNr.value的逻辑。您可以将这些值传递给上面列出的函数。如何将其放入html代码中？我是新手，我想知道如何为将来做到这一点。您可以将这些函数添加到html（或单独的.js文件）上的标记中。与验证功能所在的位置相同。在验证函数中，您可以添加验证document.formValidation.Email.value和document.formValidation.telephoneNr.value的逻辑。您可以将这些值传递给上面列出的函数。