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='submit' value='Save' id='save'/>
</form>

JavaScript

$('#targets').submit(function() {
    var error = 0;
    var name = $('#name').val();
    
    var regex_length = /^[A-Za-z0-9]{3,6}$/;
    
    if(!regex_length.test(name)){
        error = 1;
        alert("Name should be between 3-6 characters");        
    } 

    if(error){
        return false;
    }else{
        return true;
    }
       
});