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' size='20' onkeyup="validateAlphaNumeric(event);"/>
    <input type='submit' value='Save' id='save'/>
</form>

JavaScript

$('#targets').submit(function() {
    var error = 0;
    var name = $('#name').val();    

    if (name == '') {
        error = 1;
        alert('Name cannot be empty');
    }else if(name.length > 60){
        error = 1;
        alert('Name cannot exceed 60 characters');
    }
    
    if(error){
        return false;
    }else{
        return true;
    }
        
});

//$('#name').keyup(function(event) {

    //alert(event.which);
    
    //});

//function validateAlphaNumeric(e){
   // var unicode = e.charCode? e.charCode : e.keyCode;
//alert(unicode);
//}