Hello Friend,
I am working on website in which I have to used both client side and server side validation on Registration Page. But I am unable to do it. Its Only doing server side. Please let me know how can I do both validation.
Thanks in Advance.
<script language="javascript" type="text/javascript">
function validate() {
var Firstname = document.getElementById('<%=txtName.ClientID %>').value;
var Email = document.getElementById('<%=txtEmail.ClientID %>').value;
var Address = document.getElementById('<%=txtAddress.ClientID %>').value;
var City = document.getElementById('<%=txtCity.ClientID %>').value;
var Zip = document.getElementById('<%=txtZipCode.ClientID %>').value;
var Contact_No = document.getElementById('<%=txtContactNo %>').value;
var User_Name = document.getElementById('<%=txtUserName.ClientID %>').value;
var Password = document.getElementById('<%=txtPassword.ClientID %>').value;
var errormessage = "";
if (Firstname == "") {
errormessage += "Enter Your First Name\n";
}
if (Email == "") {
errormessage += "Enter Mail ID\n";
}
if (Address == "") {
errormessage += "Enter Address ID\n";
}
if (City == "") {
errormessage += "Enter City ID\n";
}
if (Zip == "") {
errormessage += "Enter Zip ID\n";
}
if (Contact_No == "") {
errormessage += "Enter Contact ID\n";
}
if (User_Name == "") {
errormessage += "Enter UserName ID\n";
}
if (Password == "") {
errormessage += "Enter Password ID\n";
}
if (errormessage != "") {
alert(errormessage);
return false;
}
}
</script>
// Table
<div>
<table align="center" class="style1">
<tr>
<td class="style2">
<asp:Label ID="Label1" runat="server" Text="Name">
</td>
<td class="style3">
<asp:TextBox ID="txtName" runat="server">
</td>
<td class="style4">
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*"
ForeColor="Red" ControlToValidate="txtName">
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label2" runat="server" Text="Email">
</td>
<td class="style3">
<asp:TextBox ID="txtEmail" runat="server">
</td>
<td class="style4">
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*"
ForeColor="Red" ControlToValidate="txtEmail">
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label3" runat="server" Text="Address">
</td>
<td class="style3">
<asp:TextBox ID="txtAddress" runat="server">
</td>
<td class="style4">
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="*"
ForeColor="Red" ControlToValidate="txtAddress">
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label4" runat="server" Text="City">
</td>
<td class="style3">
<asp:TextBox ID="txtCity" runat="server">
</td>
<td class="style4">
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="*"
ForeColor="Red" ControlToValidate="txtCity">
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label5" runat="server" Text="Zip">
</td>
<td class="style3">
<asp:TextBox ID="txtZipCode" runat="server">
</td>
<td class="style4">
<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="*"
ForeColor="Red" ControlToValidate="txtZipCode">
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label6" runat="server" Text="Contact No">
</td>
<td class="style3">
<asp:TextBox ID="txtContactNo" runat="server">
</td>
<td class="style4">
<asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="*"
ForeColor="Red" ControlToValidate="txtContactNo">
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label7" runat="server" Text="userName">
</td>
<td class="style3">
<asp:TextBox ID="txtUserName" runat="server">
</td>
<td class="style4">
<asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ErrorMessage="*"
ForeColor="Red" ControlToValidate="txtUserName">
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label8" runat="server" Text="Pwd">
</td>
<td class="style3">
<asp:TextBox ID="txtPassword" runat="server">
</td>
<td class="style4">
<asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ErrorMessage="*"
ForeColor="Red" ControlToValidate="txtPassword">
</td>
</tr>
<tr>
<td class="style2">
</td>
<td class="style3">
<asp:Button ID="btnSubmit" runat="server" Text="Button" OnClientClick="javascript:validate();" />
</td>
<td class="style4">
</td>
</tr>
</table>
</div>