Articles
Snippets
Categories
Quiz
Encryption
Base64 Encode
Base64 Decode
MD5 Hash
SHA1 Hash
SHA256 Hash
SHA512 Hash
URL Encode
URL Decode
Tools
Password generator
IP Locator
Website Down Detector
Character count
Json Formatter
JavaScript Formatter
HTML Formatter
CSS Formatter
Convert
XML to Json
Json to XML
Works with Us
Email validation using Javscript regular expression
HTML
<!DOCTYPE html> <html> <head> <title>Email validation check</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> </head> <body> <div class="container"> <div class="row mt-3"> <div class="mb-3"> <label for="email" class="form-label">Email address:</label> <input type="text" id="email" class="form-control" placeholder="Email address"> </div> </div> <button class="btn btn btn-primary" id="email-validate">Validate EMail</button> <div class="mt-3" id="result"></div> </div> </body> </html>
CSS
Javascript
$(document).ready(function() { $('#email-validate').on('click', function() { var email = $("#email").val(); var result = emailValidate(email); if (result) { $("#result").html('<div class="alert alert-success">'+email+' is valid.</div>'); } else { $("#result").html('<div class="alert alert-danger">'+email + ' is not valid.</div>'); } }); }); function emailValidate(email) { const regex = /^(([^<>()[\]\\.,;:\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 regex.test(email); }
Run Code
Copyright 2023 HackTheStuff