JQuery - OnKeyUp

by Henry

HTML

http://api.jquery.com/keyup/

<br> <br />Type Here:<input type="text" id="textbox1"/>

<br><br>
Results
<br /><input type="text" id="textbox2"/>
<br /><input type="text" id="textbox3"/>

<br /><br /><br />
<div id="log"></div>

JavaScript

$("#textbox1").keyup(function(){
        
        var textinput = $('#textbox1').val().substring(0,8);
   /*       
             $('#log').append('<br />Handler for .keyup() called - ' + textinput);
             [a-zA-Z0-9_.!#$%&'*+=?^{|}~-]
             */
 
        
        $("#textbox2").val(textinput);
        $("#textbox3").val(textinput); 
        var txtField = $("#textbox1").val();
        var email_valid = /^(?!\.)(?!.*\.$)(?!.*?\.\.)[a-zA-Z0-9]+[a-zA-Z0-9_.!#$%&'*+=?^{|}~-]+[a-zA-Z0-9]$/;
        if (txtField.match(email_valid)) {
        	console.log("Match");
          $('#log').append('<br /> Match Email- ' + textinput);
        }
        else
        {
        	console.log("Not Match");
           $('#log').append('<br /> Invalid Email- ' + textinput);
        }
    });