Step 1:- JavaScript Code
<script type="text/javascript">
function OnlyCharacter(evt) {
var keyCode
= (evt.which) ? evt.which : evt.keyCode
if (evt.ctrlKey
|| evt.altKey) {
return false;
}
if ((keyCode
> 64 && keyCode < 91) || (keyCode > 96 && keyCode <
123) || (keyCode > 36 && keyCode < 41) || keyCode
== 32 || keyCode == 8 || keyCode == 9) {
return true;
}
return false;
}
</script>
Step 2:- Design Page
<table style="border: 1px; width: 500px;">
<tr>
<td style="width: 200px;">
<label for="Name" class="label">Name:</label>
</td>
<td style="width: 200px;">
<asp:TextBox ID="Name" runat="server" placeholder="Enter
Name" ClientIDMode="Static" onkeypress="return
OnlyCharacter(event);" onkeydown="return OnlyCharacter(event);"></asp:TextBox>
</td>
</tr>
</table>
Step 3:- Complete Code
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="
Default.aspx.cs" Inherits="Demo.Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Allow
only Character</title>
<script type="text/javascript">
function OnlyCharacter(evt) {
var keyCode
= (evt.which) ? evt.which : evt.keyCode
if (evt.ctrlKey
|| evt.altKey) {
return false;
}
if ((keyCode
> 64 && keyCode < 91) || (keyCode > 96 && keyCode <
123) || (keyCode > 36 && keyCode < 41) || keyCode
== 32 || keyCode == 8 || keyCode == 9) {
return true;
}
return false;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="border: 1px; width: 500px;">
<tr>
<td style="width: 200px;">
<label for="Name" class="label">Name:</label>
</td>
<td style="width: 200px;">
<asp:TextBox ID="Name" runat="server" placeholder="Enter
Name" ClientIDMode="Static" onkeypress="return
OnlyCharacter(event);" onkeydown="return OnlyCharacter(event);"></asp:TextBox>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
Note:-
I am allowing to performance Tab, Backspace, Left Arrow Key, Up
Arrow Key, Right Arrow Key,
Down Arrow Key & Space in the textbox.
If you don’t need it, remove the highlighted condition in the
JavaScript.
i.e.
|| (keyCode > 36 && keyCode < 41)
|| keyCode == 32 || keyCode == 8 || keyCode == 9)
Arrow Key Condition - (keyCode
> 36 && keyCode < 41)
Space
Condition - keyCode == 32
Backspace Condition - keyCode == 8
Tab Condition - keyCode == 9
No comments:
Post a Comment