JSFiddle - React, Tailwind, and code Playground

by nimeshrmr

HTML

<form id='targets' name='targets' action='http://www.innovativephp.com' method='post'  >
    <input type='text' name='test_field' id='name' />
    <input type='image' src='http://www.innovativephp.com/uploads/skype.png' value='Save' id='save'/>
</form>

JavaScript

$('#targets').submit(function() {
    var error = 0;
    var email = $('#name').val();
    
    var reEmail = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;

 
    if (email == '') {
        error = 1;
        alert('Email cannot be empty');
    }else if(email.length > 60){
        error = 1;
        alert('Email cannot exceed 60 characters');
    }else if(!reEmail.test(email)){
        error = 1;
        alert('Invalid Email');
    }
    
    if(error){
        return false;
    }else{
        return true;
    }
        
});