Tiny File Manager

Back Back Up Advanced Editor

<input type="text" id="txtName"/>
<span id="lblError" style="color: red"></span>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
	
		$("#txtName").keyup(function() 
		{
			var dInput = $(this).val();
			//alert(dInput);
			
			var str = document.getElementById('txtName').value 
			let firstChar = str.substring(0, 1); 
 
			console.log(" +++++++ " + firstChar);
			//alert(firstChar);
			
        //$(".dDimension:contains('" + dInput + "')").css("display","block");
		});
	
        $("#txtName").keypress(function (e) {
            var keyCode = e.keyCode || e.which;
 
			var str = document.getElementById('txtName').value 
			let firstChar = str.substring(0, 1); 
 
			//alert(firstChar);
 
            $("#lblError").html("");
 
			
 
            //Regex for Valid Characters i.e. Alphabets and Numbers.
            var regex = /^[A-Za-z0-9.]+$/;
 
            //Validate TextBox value against the Regex.
            var isValid = regex.test(String.fromCharCode(keyCode));
            if (!isValid) {
                $("#lblError").html("Only Alphabets and Numbers allowed.");
            }
 
            return isValid;
        });
    });
</script>