在现有的验证函数中添加电子邮件验证函数

Javascript - Adding email validation function to existing validation function

本文关键字：函数 验证 添加 电子邮件      更新时间：2023-09-26

首先道歉，如果这可能触及重复，但我决定打开一个新的问题，因为我找不到我的问题的答案，其次请知道，我仍然非常学习Javascript。

我有一个验证函数，验证表单中的输入字段，一切都在工作，但我需要验证输入的电子邮件地址是否正确，我知道这可以用类似于下面代码的代码来完成:

function validateEmail(email) 
{
    var re = /'S+@'S+'.'S+/;
    return re.test(email);
}

如何将上述代码添加到现有的验证函数中?

代码如下:

function validate(){
    //form validation
    var name=document.getElementById("name");
    var surname=document.getElementById('surname');
    var nr=document.getElementById("nr");
    var email=document.getElementById("email");
    //name
  if (name.value=='') {
    name.style.backgroundColor="red";
    name.style.color="white";
    name.value="Name is required"
    return false;
  } 
 else if(isNaN(name.value)==false){
    name.style.backgroundColor="red";
    name.style.color="white";
    name.value="Name: Only enter letters A-Z"
    return false;
  } 
      //surname
     if (surname.value == ""){
    surname.style.backgroundColor="red";
    surname.style.color="white";
    surname.value="Surname is required"
    return false;
     }
    else if(isNaN(surname.value)==false){
    surname.style.backgroundColor="red";
    surname.style.color="white";
    surname.value="Surname: Only enter letters A-Z"
    return false;
  } 
    //number
    if (nr.value=='') {
    nr.style.backgroundColor="red";
    nr.style.color="white";
    nr.value="Number is required"
    return false;
  } 
 else if(isNaN(nr.value)==true){
    nr.style.backgroundColor="red";
    nr.style.color="white";
    nr.value="Number: Only enter numbers 0-9"
    return false;
  }      
    //email
    if (email.value==""){
    email.style.backgroundColor="red";
    email.style.color="white";
    email.value="Email is required"
    return false;   
    }
     return true;
} //end function

<input type="text" id="name" value="Name" class="textbox"  name="name" onfocus="if(this.value=='Name' || this.value=='Name is required' || this.value=='Name: Only enter letters A-Z' ) this.value='';" /><br />
    <br />
    <input type="text" id="surname" value="Surname" class="textbox"  name="surname"  onfocus="if(this.value=='Surname') this.value='';"  /><br />
    <br />
    <input type="text" value="Contact Number" class="textbox" id="nr" name="nr" onfocus="if(this.value=='Contact Number') this.value='';"   /> <br />
    <br />
    <input type="text" value="Email" class="textbox" id="email" name="email"onfocus="if(this.value=='Email') this.value='';" /><br />
    <br />
 <input type="submit" name="submit" class="butt" value="Send" onclick="return validate()"  />

就用

email.value获取email值

var re = /'S+@'S+'.'S+/;
if (!re.test(email.value)) { // if condition fails that is not valid email
    return false; //return false 
};

try

 function validate(){
    //form validation
    var name=document.getElementById("name");
    var surname=document.getElementById('surname');
    var nr=document.getElementById("nr");
    var email=document.getElementById("email");
    //name
  if (name.value=='') {
    name.style.backgroundColor="red";
    name.style.color="white";
    name.value="Name is required"
    return false;
  } 
 else if(isNaN(name.value)==false){
    name.style.backgroundColor="red";
    name.style.color="white";
    name.value="Name: Only enter letters A-Z"
    return false;
  } 
      //surname
     if (surname.value == ""){
    surname.style.backgroundColor="red";
    surname.style.color="white";
    surname.value="Surname is required"
    return false;
     }
    else if(isNaN(surname.value)==false){
    surname.style.backgroundColor="red";
    surname.style.color="white";
    surname.value="Surname: Only enter letters A-Z"
    return false;
  } 
    //number
    if (nr.value=='') {
    nr.style.backgroundColor="red";
    nr.style.color="white";
    nr.value="Number is required"
    return false;
  } 
 else if(isNaN(nr.value)==true){
    nr.style.backgroundColor="red";
    nr.style.color="white";
    nr.value="Number: Only enter numbers 0-9"
    return false;
  }      
    //email
    if (email.value==""){
    email.style.backgroundColor="red";
    email.style.color="white";
    email.value="Email is required"
    return false;   
    }
   var re = /'S+@'S+'.'S+/;
   if (!re.test(email.value)) {
     email.style.backgroundColor="red";
    email.style.color="white";
    email.value="Email not proper"
    return false; 
   }
     return true;
} //end function
相关文章：