JSFiddle - React, Tailwind, and code Playground
HTML
<form id='targets' name='targets' action='http://www.innovativephp.com' method='post' >
<input type='text' name='test_field' id='email' />
<input type='submit' value='Save' id='save'/>
</form>
JavaScript
$('#targets').submit(function() {
var error = 0;
var email = $('#email').val();
var reEmail = /^[A-Za-z]$/;
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;
}
});