Introduction
This tip discusses how to add only to enter numbers, nothing to enter and date with jquery on all pages in ASP.NET.
Just add the below code on master page. It will work with all pages.
Using the Code
Insert the following code in your masterpage.master
:
<head> <link href="../css/custom-theme/jquery-ui-1.10.1.custom.css"
rel="stylesheet" type="text/css" />
<script src="../js/jquery-1.9.1.js"
type="text/javascript">
</script> <script language="javascript"
type="text/javascript">
$(document).ready(function () {
$("input[type='text']").focus(function () {
if (this.title == "numbers")
$(this).keydown(function (event) {
if ((event.keyCode >= 48 && event.keyCode <= 57) ||
(event.keyCode >= 96 && event.keyCode <= 105) ||
(event.keyCode == 8) || (event.keyCode == 9) || (event.keyCode == 12) ||
(event.keyCode == 27) || (event.keyCode == 37) || (event.keyCode == 9) ||
(event.keyCode == 39) || (event.keyCode == 46) || (event.keyCode == 190) ||
(event.keyCode == 110)) { return true; } else { return false; }
});
});
$("input[type='text']").focus(function () {
if (this.title == "nothing")
$(this).keydown(function (event) {
if ((event.keyCode == 9)) { return true; } else { return false; }
});
});
$("input[type='text']").focus(function () {
if (this.title == "date")
$(this).keydown(function (event) {
if ((event.keyCode >= 48 && event.keyCode <= 57) ||
(event.keyCode >= 96 && event.keyCode <= 105) ||
(event.keyCode == 8) || (event.keyCode == 9) || (event.keyCode == 12) ||
(event.keyCode == 27) || (event.keyCode == 37) || (event.keyCode == 9) ||
(event.keyCode == 39) || (event.keyCode == 46) || (event.keyCode == 190) ||
(event.keyCode == 110) || (event.keyCode==191))
{ return true; } else { return false; }
});
});
} ); </script></head>
To add texbox
, just add the tooltip property, i.e., to only allow numbers ToolTip="numbers"
on any you don't need to code extra on each to validate:
<asp:TextBox ToolTip="numbers" ID="txtMale" runat="server"></asp:TextBox>
To enter nothing, just ToolTip="nothing"
:
<asp:TextBox ToolTip="nothing" ID="txtFillbysystem" runat="server"></asp:TextBox>
To allow "/
" with numbers, ToolTip="date"
:
<asp:TextBox ToolTip="date" ID="txtContractDate" runat="server"></asp:TextBox>