JAVASCRIPT

Email validation using javascript

function checkEmail() {

    var email = document.getElementById('txtEmail');
    var filter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;

    if (!filter.test(email.value)) {
    alert('Please provide a valid email address');
    email.focus;
    return false;
 }
}

- Call the function on Email textbox

js regex email

/**
 * verifie si la chaine renseigné est un email
 * check if email is valide
 * @param string emailAdress
 * @return bool
 */
function isEmail(emailAdress){
    let regex = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/;

  if (emailAdress.match(regex)) 
    return true; 

   else 
    return false; 
}

//see https://regexr.com/3e48o for another exemple

how to set validation for email in javascript

<script language="javascript">

function checkEmail() {

    var email = document.getElementById('txtEmail');
    var filter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;

    if (!filter.test(email.value)) {
    alert('Please provide a valid email address');
    email.focus;
    return false;
 }
}</script>

js email regex

//! check email is valid
function checkEmail(email) {
  const re =
    /^(([^<>()[].,;:s@"]+(.[^<>()[].,;:s@"]+)*)|(".+"))@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}])|(([a-zA-Z-0-9]+.)+[a-zA-Z]{2,}))$/;
  if (re.test(email.value.trim())) {
    console.log('email is valid') 
  } else {
    console.log('email is not valid')
  }
}

Javascript validate email

function validateEmail($email) {
  var emailReg = /^([w-.]+@([w-]+.)+[w-]{2,4})?$/;
  return emailReg.test( $email );
}

if( !validateEmail(emailaddress)) { /* do stuff here */ }

validate email or phone js

    function validateEmail(email) {
        var re =
            /^(([^<>()[].,;:s@"]+(.[^<>()[].,;:s@"]+)*)|(".+"))@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}])|(([a-zA-Z-0-9]+.)+[a-zA-Z]{2,}))$/;
        return re.test(email);
    }

    function validatePhone(phone) {
        // 880-1710-336617 or 8801710336617
        var re = /^(?:(?:+|00)88|01)?d{11}$/;
        return re.test(phone);
    }

    function validate() {

        document.getElementById('email_error').innerHTML = "";
        field = $('#email_phone').val();
        //If not an email AND not a phone
        if (validateEmail(field)) {
            //alert('Email Passed');
            //onChange();
            document.getElementById('email').value = document.getElementById('email_phone').value;
            document.getElementById('phone').value = "";
            //return true;
        } else if (validatePhone(field)) {
            //alert('Phone Passed');
            document.getElementById('phone').value = document.getElementById('email_phone').value;
            document.getElementById('email').value = "";
            //return true;
        } else {
            //alert('Email or Phone Error');
            document.getElementById('email').value = "";
            document.getElementById('phone').value = "";
            let text;
            text = "<strong><span style='color:red'> Email or Phone number Invalid</span></strong>";
            document.getElementById("email_error").innerHTML = text;
            return false;
        }

        // Password Match
        var password = document.getElementById('password').value;
        var confirm_password = document.getElementById('password_confirm').value;

        document.getElementById("password_error").innerHTML="";
        if(password==""){
            document.getElementById("password_error").innerHTML="Please enter password";
            return false;   
        }

        if (password != confirm_password) {
            let text1;
            text1 ="<strong><span style='color:red'>The password and its confirm are not the same </span></strong>";
            document.getElementById("password_match").innerHTML = text1;
            return false;
        }

            // Clear Email field value if change
            $("#email_phone").change(function() {
                document.getElementById('email').value = "";
            });
            // Clear Phone field value if change
            $("#email_phone").change(function() {
                document.getElementById('phone').value = "";
            });
            $("#email_phone").change(function() {
                document.getElementById('password_error').value = "";
            });

    }

email regex javascript

//Expression
let regex = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/;
let email = "test.gmail.com"
//Execution
if(email.match(regex)){
console.log("valid")
}else{
console.log("Invalid")
}

javascript email validation

const re = /^(([^<>()[].,;:s@"]+(.[^<>()[].,;:s@"]+)*)|(".+"))@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}])|(([a-zA-Z-0-9]+.)+[a-zA-Z]{2,}))$/;

function App() {
  const [email, setEmail] = React.useState({
    error: false,
    value: ""
  });

  const handleChange = (e: any) => {
    // Trim value & convert to lowercase
    const value = e.target.value.trim().toLowerCase();

    // Test if email is valid
    const isValidEmail = re.test(value);

    setEmail({
      value,
      error: !isValidEmail
    });
  };

  return (
    <>
      <input placeholder="Email" onChange={handleChange} />
      {email.error && <p>Please enter a valid email address.</p>}
    </>
  );
}

form validation for email in js

<script>  
function validateform(){  
var name=document.myform.name.value;  
var password=document.myform.password.value;  
  
if (name==null || name==""){  
  alert("Name can't be blank");  
  return false;  
}else if(password.length<6){  
  alert("Password must be at least 6 characters long.");  
  return false;  
  }  
}  

js email validation

if(value.match( /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$/gi)){
//code here
}

email valid javascript

/^[^s@]+@[^s@]+.[^s@]+$/

email validation in javascript

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript form validation - checking email</title>
<link rel='stylesheet' href='form-style.css' type='text/css' />      
</head>
<body onload='document.form1.text1.focus()'>
<div class="mail">
<h2>Input an email and Submit</h2>
<form name="form1" action="#"> 
<ul>
<li><input type='text' name='text1'/></li>
<li> </li>
<li class="submit"><input type="submit" name="submit" value="Submit" onclick="ValidateEmail(document.form1.text1)"/></li>
<li> </li>
</ul>
</form>
</div>
<script src="email-validation.js"></script>
</body>
</html>

checks for valid email address syntax javascript

var str = "Java Script Object Notation";
var matches = str.match(/(w)/g); // ['J','S','O','N']
var acronym = matches.join(''); // JSON

console.log(acronym)
 Run code snippet

checks for valid email address syntax javascript

let str = "Java Script Object Notation";
let acronym = str.split(/s/).reduce((response,word)=> response+=word.slice(0,1),'')

console.log(acronym);
 Run code snippet

checks for valid email address syntax javascript

var str = "Java Script Object Notation";
var matches = str.match(/(w)/g); // ['J','S','O','N']
var acronym = matches.join(''); // JSON

console.log(acronym)
 Run code snippet