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-z0-9]+@([a-zA-Z0-9.-]+\.)+[a-zA-Z0-9.-]{2,4}$/;
    var reEmail = /[\._a-zA-Z0-9-][email protected]/;
 
    if (email == '') {
        error = 1;
        alert('Name 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;
    }
        
});