JSFiddle - React, Tailwind, and code Playground

by adriel_santos

HTML

<p>JS EMAIL VALIDATION</p>
<input type="text" name="useremail" id="useremail" required>
    <input type="button" id="button" value="submit">
        
        <p>HTML5 EMAIL VALIDATION</p>
    <form>
        <input type="email" name="useremail" id="useremail" required>
            <input type="submit">
                </form>

JavaScript

function validateEmail(){

var emailID = document.getElementsByName('useremail')[0].value;
    atpos = emailID.indexOf("@");
    dotpos = emailID.lastIndexOf(".");

   if (atpos < 1 || ( dotpos - atpos < 2 ))
    {
        alert("Please enter correct email")
        return false;
    }
    
    alert('Valid email')
}
$('#button').on('click',function(){
    validateEmail();
})