Java Script Validation and Registration form

Question

1.00/5 (1 vote)

See more:

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.

XML

<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

XML

<div>
        <table align="center" class="style1">
            <tr>
                <td class="style2">
                    &lt;asp:Label ID="Label1" runat="server" Text="Name"&gt;
                </td>
                <td class="style3">
                    &lt;asp:TextBox ID="txtName" runat="server"&gt;
                </td>
                <td class="style4">
                    &lt;asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*"
                        ForeColor="Red" ControlToValidate="txtName"&gt;
                </td>
            </tr>
            <tr>
                <td class="style2">
                    &lt;asp:Label ID="Label2" runat="server" Text="Email"&gt;
                </td>
                <td class="style3">
                    &lt;asp:TextBox ID="txtEmail" runat="server"&gt;
                </td>
                <td class="style4">
                    &lt;asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*"
                        ForeColor="Red" ControlToValidate="txtEmail"&gt;
                </td>
            </tr>
            <tr>
                <td class="style2">
                    &lt;asp:Label ID="Label3" runat="server" Text="Address"&gt;
                </td>
                <td class="style3">
                    &lt;asp:TextBox ID="txtAddress" runat="server"&gt;
                </td>
                <td class="style4">
                    &lt;asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="*"
                        ForeColor="Red" ControlToValidate="txtAddress"&gt;
                </td>
            </tr>
            <tr>
                <td class="style2">
                    &lt;asp:Label ID="Label4" runat="server" Text="City"&gt;
                </td>
                <td class="style3">
                    &lt;asp:TextBox ID="txtCity" runat="server"&gt;
                </td>
                <td class="style4">
                    &lt;asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="*"
                        ForeColor="Red" ControlToValidate="txtCity"&gt;
                </td>
            </tr>
            <tr>
                <td class="style2">
                    &lt;asp:Label ID="Label5" runat="server" Text="Zip"&gt;
                </td>
                <td class="style3">
                    &lt;asp:TextBox ID="txtZipCode" runat="server"&gt;
                </td>
                <td class="style4">
                    &lt;asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="*"
                        ForeColor="Red" ControlToValidate="txtZipCode"&gt;
                </td>
            </tr>
            <tr>
                <td class="style2">
                    &lt;asp:Label ID="Label6" runat="server" Text="Contact No"&gt;
                </td>
                <td class="style3">
                    &lt;asp:TextBox ID="txtContactNo" runat="server"&gt;
                </td>
                <td class="style4">
                    &lt;asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="*"
                        ForeColor="Red" ControlToValidate="txtContactNo"&gt;
                </td>
            </tr>
            <tr>
                <td class="style2">
                    &lt;asp:Label ID="Label7" runat="server" Text="userName"&gt;
                </td>
                <td class="style3">
                    &lt;asp:TextBox ID="txtUserName" runat="server"&gt;
                </td>
                <td class="style4">
                    &lt;asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ErrorMessage="*"
                        ForeColor="Red" ControlToValidate="txtUserName"&gt;
                </td>
            </tr>
            <tr>
                <td class="style2">
                    &lt;asp:Label ID="Label8" runat="server" Text="Pwd"&gt;
                </td>
                <td class="style3">
                    &lt;asp:TextBox ID="txtPassword" runat="server"&gt;
                </td>
                <td class="style4">
                    &lt;asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ErrorMessage="*"
                        ForeColor="Red" ControlToValidate="txtPassword"&gt;
                </td>
            </tr>
            <tr>
                <td class="style2">
                    &nbsp;
                </td>
                <td class="style3">
                    &lt;asp:Button ID="btnSubmit" runat="server" Text="Button" OnClientClick="javascript:validate();" /&gt;
                </td>
                <td class="style4">
                    &nbsp;
                </td>
            </tr>
        </table>
    </div>

Posted 25-Feb-13 20:14pm

Neetesh Agarwal

Updated 25-Feb-13 20:19pm

v2

Add a Solution

Comments

Sanjeev Alamuri 26-Feb-13 2:30am

did u checked the values of "Firstname, Email, Address, etc"?. if not, use "debugger" and check the values, whether u are getting correct values or undefined. otherwise use "alert('Firstname');" to check the value of "Firstname" etc.

2 solutions

Solution 1

Hi,Try this

OnClientClick="return validate();"

Posted 25-Feb-13 20:33pm

Singh_Vinay

Comments

Neetesh Agarwal 26-Feb-13 4:14am

Thanks Vinay.........

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Nick Fisher (Consultant) · Accepted Answer · 2013-02-25T22:02:00

Well there are two things wrong with this code that I can see. First, none of your ASP form fields have been closed properly. They either need to have a matching close tag, or have the forward slash attribute at the end of each tag. So:

ASP.NET

            <asp:label id="Label1" runat="server" text="Name">

Should be:
            <asp:label id="Label1" runat="server" text="Name"></asp:label>
            
or:

            <asp:label id="Label1" runat="server" text="Name" />

The same should be done for all of your 'asp:TextBox' and 'asp:RequiredFieldValidator' tags.

And secondly, one of your Javascript lines has a typo:

JavaScript

	        var Contact_No = document.getElementById('<%=txtContactNo %>').value;

Should be:

	        var Contact_No = document.getElementById('<%=txtContactNo.ClientID %>').value;

Otherwise the script fails with an 'Object required' error.

After these changes the code compiles and works fine for me.