Client side
validation
<%@ Page Language="C#"
AutoEventWireup="true" CodeFile="valid1.aspx.cs"
Inherits="valid1" %>
<html >
<head runat="server">
<title></title>
<script
language="javascript" type="text/javascript">
function
validationCheck()
{
var
summary = "";
summary
+= isvaliduser();
summary
+= isvalidpassword();
summary
+= isvalidConfirmpassword();
summary
+= isvalidFirstname();
summary += isvalidLastname();
summary
+= isvalidEmail();
summary
+= isvalidphoneno();
summary
+= isvalidLocation();
if
(summary != "")
{
alert(summary);
return false;
}
else
{
return true;
}
}
function
isvaliduser() {
var id;
var temp
= document.getElementById("<%=txtuser.ClientID %>");
id =
temp.value;
if (id ==
"") {
return ("Please Enter User Name" + "\n");
}
else {
return "";
}
}
function
isvalidpassword() {
var id;
var temp
= document.getElementById("<%=txtpwd.ClientID %>");
id =
temp.value;
if (id ==
"") {
return ("Please enter password" + "\n");
}
else {
return "";
}
}
function
isvalidConfirmpassword() {
var
uidpwd;
var
uidcnmpwd;
var
tempcnmpwd = document.getElementById("<%=txtcnmpwd.ClientID
%>");
uidcnmpwd
= tempcnmpwd.value;
var
temppwd = document.getElementById("<%=txtpwd.ClientID %>");
uidpwd =
temppwd.value;
if
(uidcnmpwd == "" || uidcnmpwd != uidpwd) {
return ("Please re-enter password to confrim" +
"\n");
}
else {
return "";
}
}
function
isvalidFirstname() {
var id;
var temp
= document.getElementById("<%=txtfname.ClientID %>");
id =
temp.value;
if (id ==
"") {
return ("Please enter first name" + "\n");
}
else {
return "";
}
}
function
isvalidLastname() {
var id;
var temp
= document.getElementById("<%=txtlname.ClientID %>");
id =
temp.value;
if (id ==
"") {
return ("Please enter last name" + "\n");
}
else {
return "";
}
}
function
isvalidEmail() {
var id;
var temp
= document.getElementById("<%=txtEmail.ClientID %>");
id =
temp.value;
var re =
/\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
if (id ==
"") {
return ("Please Enter Email" + "\n");
}
else if
(re.test(id)) {
return "";
}
else {
return ("Email should be in the form ex:abc@xyz.com" +
"\n");
}
}
function
isvalidphoneno() {
var id;
var temp
= document.getElementById("<%=txtphone.ClientID %>");
id =
temp.value;
var re;
re =
/^[0-9]+$/;
var
digits = /\d(10)/;
if (id ==
"") {
return ("Please enter phone no" + "\n");
}
else if
(re.test(id)) {
return "";
}
else {
return ("Phone no should be digits only" + "\n");
}
}
function
isvalidLocation() {
var id;
var temp
= document.getElementById("<%=txtlocation.ClientID %>");
id = temp.value;
if (id ==
"") {
return ("Please enter Location" + "\n");
}
else {
return "";
}
}
</script>
</head>
<body>
<form
id="form1" runat="server">
<table>
<tr>
<td>
Username</td>
<td>
<asp:TextBox ID="txtuser"
runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td
>
Password</td>
<td>
<asp:TextBox ID="txtpwd"
runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td
>
confirm password</td>
<td>
<asp:TextBox ID="txtcnmpwd"
runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td
>
First name</td>
<td>
<asp:TextBox
ID="txtfname" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td
>
last name</td>
<td>
<asp:TextBox ID="txtlname"
runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td
>
Emial Address</td>
<td>
<asp:TextBox ID="txtEmail" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td
>
Phone number</td>
<td>
<asp:TextBox ID="txtphone"
runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td
>
Location</td>
<td>
<asp:TextBox ID="txtlocation" runat="server"
Height="22px"></asp:TextBox>
</td>
</tr>
<tr>
<td
>
</td>
<td>
<asp:Button ID="btnsubmit" runat="server"
Text="Submit" />
</td>
</tr>
<tr>
<td
>
</td>
<td>
</td>
</tr>
</table>
</form>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class valid1 : System.Web.UI.Page
{
protected void
Page_Load(object sender, EventArgs e)
{
btnsubmit.Attributes.Add("onclick", "javascript:return
validationCheck()");
}
}
