Dot Net Example: September 2015

Monday 28 September 2015

Email ID validation using JavaScript or How to Validate Email Id using JavaScript

Step 1:- JavaScript Code

function ValidateEmailAddress(emailAddress) {

emailAddress = document.getElementById(emailAddress).value;

if (emailAddress == "" || emailAddress == "Enter E-mail") {

return false;

}

var emailPattern = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;

var matchArray = emailAddress.match(emailPattern);

if (matchArray == null) {

alert("Invalid Email Id.");

return false;

}

var ext = emailAddress.substring(emailAddress.lastIndexOf("@") + 1);

var digits = "(~`!#$%^&*+|=}{'?/)";

var temp;

for (var i = 0; i < ext.length; i++) {

temp = ext.substring(i, i + 1);

if (digits.indexOf(temp) >= 0) {

alert("Invalid Email Id.");

return false;

}

return true;

}

</script>

Step 2:- Design Page

<tr>

<label for="emailid">Email Id:</label>

</td>

<asp:TextBox ID="emailid" runat="server" placeholder="Enter E-mail" ClientIDMode="Static" onchange="return ValidateEmailAddress('emailid')"></asp:TextBox>

</td>

</tr>

</table>

Step 3:- Complete Code

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind=" Default.aspx.cs" Inherits="Demo.Default" %>

<!DOCTYPE html>

<title>Validate Email Address</title>

function ValidateEmailAddress(emailAddress) {

emailAddress = document.getElementById(emailAddress).value;

if (emailAddress == "" || emailAddress == "Enter E-mail") {

return false;

}

var emailPattern = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;

var matchArray = emailAddress.match(emailPattern);

if (matchArray == null) {

alert("Invalid Email Id.");

return false;

}

var ext = emailAddress.substring(emailAddress.lastIndexOf("@") + 1);

var digits = "(~`!#$%^&*+|=}{'?/)";

var temp;

for (var i = 0; i < ext.length; i++) {

temp = ext.substring(i, i + 1);

if (digits.indexOf(temp) >= 0) {

alert("Invalid Email Id.");

return false;

}

return true;

}

</script>

</head>

<body>

<div>

<tr>

<label for="emailid">Email Id:</label>

</td>

<asp:TextBox ID="emailid" runat="server" placeholder="Enter E-mail" ClientIDMode="Static" onchange="return ValidateEmailAddress('emailid')"></asp:TextBox>

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

Allow only Alphanumeric Character in Textbox using JavaScript or Allow only Alphanumeric Character in Textbox in Asp.Net

Step 1:- JavaScript Code

function OnlyAlphaNumericCharacter(evt) {

var keyCode = (evt.which) ? evt.which : evt.keyCode

if (evt.ctrlKey || evt.altKey) {

return false;

}

if ((keyCode > 47 && keyCode < 58) || (keyCode > 95 && keyCode < 106) || (keyCode > 64 && keyCode < 91) || (keyCode > 96 && keyCode < 123) || (keyCode > 36 && keyCode < 41) || keyCode == 8 || keyCode == 9) {

return true;

}

return false;

}

</script>

Step 2:- Design Page

<tr>

<label for="alphaNumeric">Alpha Numeric:</label>

</td>

<asp:TextBox ID="alphaNumeric" runat="server" placeholder="Enter Name" ClientIDMode="Static" onkeypress="return ValidateAlphaNumericCharacter(event);" onkeyup="return ValidateAlphaNumericCharacter(event);" onkeydown="return ValidateAlphaNumericCharacter(event);"></asp:TextBox>

</td>

</tr>

</table>

Step 3:- Complete Code

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind=" Default.aspx.cs" Inherits="Demo.Default" %>

<!DOCTYPE html>

<title>Allow only AlphaNumeric Character</title>

function OnlyAlphaNumericCharacter(evt) {

var keyCode = (evt.which) ? evt.which : evt.keyCode

if (evt.ctrlKey || evt.altKey) {

return false;

}

return true;

}

return false;

}

</script>

</head>

<body>

<div>

<tr>

<label for="alphaNumeric">Alpha Numeric:</label>

</td>

</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 in the textbox.

If you don’t need it, remove the highlighted condition in the JavaScript.

i.e.

|| (keyCode > 36 && keyCode < 41) || keyCode == 8 || keyCode == 9)

Arrow Key Condition - (keyCode > 36 && keyCode < 41)

Backspace Condition - keyCode == 8

Tab Condition - keyCode == 9

If you need to allow Space, just add the keyCode == 32 in JavaScript condition.

So, after adding it your condition look like –

if ((keyCode > 47 && keyCode < 58) || (keyCode > 95 && keyCode < 106) || (keyCode > 64 && keyCode < 91) || (keyCode > 96 && keyCode < 123) || (keyCode > 36 && keyCode < 41) || keyCode == 32 || keyCode == 8 || keyCode == 9) {

return true;

}

return false;

Space Condition - keyCode == 32

Search This Blog

Monday 28 September 2015

Email ID validation using JavaScript or How to Validate Email Id using JavaScript

Allow only Alphanumeric Character in Textbox using JavaScript or Allow only Alphanumeric Character in Textbox in Asp.Net