JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://digitalbush.com/wp-content/uploads/2013/01/jquery.maskedinput-1.3.1.min_.js"></script>
    <form id="" method="" action="">
    <div>
       <label for="fname">
          First Name<b style="color: red">*</b>
       </label>
       <input name="studentFirstName" maxlength="255" autofocus="autofocus" type="text" id="fname"/> 
        <label for="lname">
          Last Name<b style="color: red">*</b>
       </label>
       <input name="studentLastName" maxlength="255" autofocus="autofocus" type="text" id="lname"/> 
        </div>
        </form>

JavaScript

$(function() {
   //The # of "a"s you enter depends on your max field input
   //The "?" makes any character after the first one optional
   $("#fname").mask("a?aaaaaaaaaaaaaaaaaaaaaaaa"); 
   $("#lname").mask("a?aaaaaaaaaaaaaaaaaaaaaaaa"); 
});