JSFiddle - React, Tailwind, and code Playground

by Benahmed Taoufiq

HTML

<input type="text" id="Titre" />

JavaScript

$(document).ready(function(){
var entree,text,regarab;
	$("#Titre").keypress(function(e){
  	entree = String.fromCharCode(e.which);
    text = $(this).val().trim();
    regarab = /[a-z\d\u0080-\u00FF\u0100-\u017F\u0600-\u06FF\s\b\t]$/i.test(entree) || e.keyCode == 37 || e.keyCode == 39;
    $(this).css({ "background": (regarab ) ? "white" : "red" });
    return regarab;
  });
  
});