JSFiddle - React, Tailwind, and code Playground

by Farshad Ajdar

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>

    <h3> My Sign Up Form</h3>
    <form name="signup" method="post">

    <label>First Name<input type="text" name="fname" /></label><div id="fnameVal"></div><br>
    <label>Last Name<input type="text" name="lastname" /></label><div id="lnameVal"></div><br>
    <label><input type="submit" value="Submit"/></label> 

    </form>

JavaScript

$(document).ready(function() {
    
$('body').on("keyup", "input[name=fname]", function() {
    alert($(this).val());
    // do your stuff
});
                      
$('body').on("keyup", "input[name=lastname]", function() {
    alert($(this).val());
    // do your stuff
});
    
});