JSFiddle - React, Tailwind, and code Playground

jQuery Validate Email & Date

by Jennifer Perrin

HTML

<script src="http://fonts.googleapis.com/css?family=Raleway"></script>
<form >
  Date: <input type="text" name="date" id="date" value="" />
    <br />
  Email: <input type="text" name="email" id="email" value="" />
</form>

CSS

body { padding: 20px; }

JavaScript

$(document).ready(function() {
   
    $('#date').change(function () {
        var dateRegex = new RegExp(/(\d{4})-(\d{2})-(\d{2})/);
        var validdate = $('#date').val();
        var dateisvalid = dateRegex.test(validdate);
        if (!dateisvalid) {
            alert("Invalid date");
            return false;
        } else {
            return true;
        }
    });
    
    $('#email').change(function () {
        var emailRegex = new RegExp(/^([\w\.\-]+)@([\w\-]+)((\.(\w){2,3})+)$/i);
        var emailAddress = $('#email').val();
        var emailisvalid = emailRegex.test(emailAddress);
        if (!emailisvalid) {
            alert("Invalid e-mail address");
            return false;
        } else {
            return true;
        }
    });
    
});