Allow only numbers to be entered inside Textbox.
function isNumberKey(evt)
{
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57))
return false;
return true;
}
<asp:TextBox ID="txtnum" runat="server" onkeypress="return isNumberKey(event)"></asp:TextBox>
-
Allow only characters to be entered inside Textbox like Name’s textbox.
function noNumbers(e) {
var keynum;
var keychar;
var numcheck;
if (window.event) // IE8 and earlier
{
keynum = e.keyCode;
}
else if (e.which) // IE9/Firefox/Chrome/Opera/Safari
{
keynum = e.which;
}
keychar = String.fromCharCode(keynum);
numcheck = /\d/;
return !numcheck.test(keychar);
}
<asp:TextBox ID="txtFname" runat="server" CssClass="TextBox" Width="260px"
onkeypress="return noNumbers(event);" ></asp:TextBox>
-
Convert Enter Key pressed event inside Textbox to Tab key.
function enterToTab(myEvent) {
if (myEvent.keyCode == 13) {
myEvent.keyCode = 9;
}
}
<asp:TextBox ID="txtentertoTab" runat="server" onkeydown="enterToTab(event);"></asp:TextBox>
-
Get Textbox Text in JavaScript and Check if it’s null. Consider Textbox with ID “txtamount” below is the method to find it’s value in JavaScript
document.getElementById('<%= txtamount.ClientID %>').value
OR
document.getElementById('txtamount').value
Validating Textbox for null method 1:
function Validate()
{
if (document.getElementById('<%= txtamount.ClientID %>').value == '') {
alert('Please enter Amount');
return false;
}
}
<asp:Button ID=" btnSave" runat="server" Text="Save" Height="25px" OnClientClick="return Validate(this);"/>
Validating Textbox for null method 2: In this method we pass the ID which is created at runtime for that control
function Validate()
{
if (document.getElementById('txtamount').value == '') {
alert('Please enter Amount');
return false;
}
}
<asp:Button ID="btnSave" runat="server" Text="Save" Height="25px" OnClientClick="return Validate(this);"/>
-
Get value of Dropdownlist in JavaScript check item is selected or not.
document.getElementById('<%= dpdrelation.ClientID %>').value
OR
document.getElementById('ctl00_ContentPlaceHolder1_dpdrelation').value
Validating Dropdownlist for value selected or not Method 1:
function Validate()
{
if (document.getElementById('<%= dpdrelation.ClientID %>').value == '0') {
alert('Please select Relation');
return false;
}
}
<asp:Button ID="btnSave" runat="server" Text="Save" Height="25px" OnClientClick="return Validate(this);"/>
Validating Dropdownlist for value selected or not Method 2:
In this method we pass the ID which is created at runtime for that control
function Validate()
{
if (document.getElementById('ctl00_ContentPlaceHolder1_dpdrelation').value == '0') {
alert('Please select Relation');
return false;
}
}
<asp:Button ID="btnSave" runat="server" Text="Save" Height="25px" OnClientClick="return Validate(this);"/>
-
Get Text of Dropdownlist Selected Item in JavaScript
var name3 = document.getElementById('<%= dpdrelation.ClientID %>');
var i=0;
for (i = 0; i <= name3.length - 1; i++)
{
alert(name3[i].innerText);
}
-
Email address validation in JavaScript
function validate() {
var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
var address = document.getElementById('email').value;
if(reg.test(address) == false) {
alert('Invalid Email Address');
return false;
}
}
Comments
Post a Comment