Articles
Snippets
Categories
Encryption
Base64 Encode
Base64 Decode
MD5 Hash
SHA1 Hash
SHA256 Hash
SHA512 Hash
URL Encode
URL Decode
Tools
Password generator
IP Locator
Website Down Detector
Character count
Json Formatter
JavaScript Formatter
HTML Formatter
CSS Formatter
Convert
XML to Json
Json to XML
Works with Us
Allow text only into textbox using Javascript example
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Only text input textbox</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container"> <h1 class="my-3">Only text input textbox</h1> <div class="row"> <div class="col-12"> <div class="mb-3"> <label for="username" class="form-label">Username</label> <input type="text" class="form-control w-50" id="username" placeholder="hackthestuff"> <div class="alert alert-danger d-none mt-3 w-50" id="text-message">Only text characters allowed.</div> </div> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </body> </html>
CSS
Javascript
$(document).ready(function() { $('#username').keydown(function (e) { if (e.shiftKey || e.ctrlKey || e.altKey) { e.preventDefault(); } else { if (!((e.keyCode == 8) || (e.keyCode == 32) || (e.keyCode == 46) || (e.keyCode >= 35 && e.keyCode <= 40) || (e.keyCode >= 65 && e.keyCode <= 90))) { $('#text-message').addClass('d-block').removeClass('d-none'); return false; } else { $('#text-message').addClass('d-none').removeClass('d-block'); } } }); });
Run Code
Copyright 2024 ErrorGram