Registration form Validation in JavaScript in ASP.NET C#

6.5k
0
0

javascript_Program.r

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RegisterForm.aspx.cs" Inherits="javascript_Program.RegisterForm" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script lang="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:[email protected]" + "\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">
<div>
<h1>Registration Form</h1>
<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" OnClick="btnsubmit_Click" />
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>