JSFiddle - React, Tailwind, and code Playground

by Soumik Sur

HTML

<form>
        <input type="text" id="username"/>
        <input type="button" id="btn" value="Submit"/>
    </form>

JavaScript

$('#btn').on('click',function(){
    var uname = $('#username').val();
    if(uname.length == 0){
        alert('empty');
    }
    else if(valid_email(uname)!=true){
        alert('invalid_email');
    }
    else{
        alert('validated');
    }
});

function valid_email(email){
    var reg = /^(([^<>()[\]\\.,;:\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 reg.test(email);
}