Tuesday, 5 February 2013

JAVASCRIPT USEFUL VALIDATIONS

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; } }

No comments:

Post a Comment

Note: only a member of this blog may post a comment.