JSFiddle - React, Tailwind, and code Playground

by rami7250

HTML

<div class="j-row">
    						<div class="span6 unit">
							<div class="input">
								<label class="icon-left" for="name">
									<i class="fa fa-user"></i>
								</label>
								<input type="text" id="name" name="name" placeholder="surename" style="text-align:right">
                                <span class="tooltip tooltip-right-top">Surname:</span>
							</div>
						</div>                    
						<div class="span6 unit">
							<div class="input">
								<label class="icon-left" for="name">
									<i class="fa fa-user"></i>
								</label>
								<input type="text" id="nameheb" name="nameheb" placeholder="full name" style="text-align:right">
                    <span class="tooltip tooltip-right-top">Name:</span>
							</div>
						</div>
					</div>

JavaScript

$("#name,#surname").keypress(function(event){
    var ew = event.which;
    if(ew == 32)
        return true;
    if(48 <= ew && ew <= 57)
        return true;
    if(65 <= ew && ew <= 90)
        return true;
    if(97 <= ew && ew <= 122)
        return true;
    return false;
});