Javascript validations to validate form in asp.net

By: Suresh Dasari Oct 22, 2010

Introduction

Here I will explain how to validate form using JavaScript validations in asp.net

Description

I have a one sample registration form that contains fields like Username, Password, Confirm Password, First Name, Last Name, Email, PhoneNo and Location.

Now I want to check whether user enter data in all fields or not and I want to check whether user enter correct data in all fields or not by using JavaScript.

If I want to check whether user enters data in textbox or not write script like this

function isvaliduser()

{

var uid;

var temp=document.getElementById("<%=txtuser.ClientID %>");

uid=temp.value;

if(uid=="")

{

alert ("Please Enter UserName”);

return false;

}

else

{

return true;

}

Write the following code aspx page

<title>Vallidations Page</title>

function validate() {

var summary = "";

summary += isvaliduser();

summary += isvalidFirstname();

summary += isvalidLocation();

if (summary != "") {

alert(summary);

return false;

}

else {

return true;

}

function isvaliduser() {

var uid;

var temp = document.getElementById("<%=txtuser.ClientID %>");

uid = temp.value;

if (uid == "") {

return ("Please Enter UserName" + "\n");

}

else {

return "";

}

function isvalidFirstname() {

var uid;

var temp = document.getElementById("<%=txtfname.ClientID %>");

uid = temp.value;

if (uid == "") {

return ("Please enter firstname" + "\n");

}

else {

return "";

}

function isvalidLocation() {

var uid;

var temp = document.getElementById("<%=txtlocation.ClientID %>");

uid = temp.value;

if (uid == "") {

return ("Please enter Location" + "\n");

}

else {

return "";

}

</script>

</head>

<body>

<tr>

<td>

<asp:Label ID="lbluser" runat="server" Text="Username"></asp:Label>

</td>

<td>

<asp:TextBox ID="txtuser" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lblfname" runat="server" Text="FirstName"></asp:Label>

</td>

<td>

<asp:TextBox ID="txtfname" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td>

<asp:Label ID="lbllocation" runat="server" Text="Location"></asp:Label>

</td>

<td>

<asp:TextBox ID="txtlocation" runat="server"></asp:TextBox>

</td>

</tr>

<tr>

<td>

</td>

<td>

<asp:Button ID="btnsubmit" runat="server" Text="Save"

OnClientClick ="javascript:validate()" />

</td>

</tr>

</table>

</form>

</body>

</html>

Demo

If you want validation for emial and website url Here is the link

http://aspdotnet-suresh.blogspot.com/2010/09/validation-for-email-and-url-using-in.html

Happy Coding

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

Subscribe by RSS

Subscribe by Email

10 comments :

Anonymous said...: In the button event, I'm redirecting the page to another link. The page is redirecting even with the empty textboxes? The return false in the java script is not working?; February 18, 2013 at 12:19 AM
Anonymous said...: thanks....this really helps me.; February 27, 2013 at 11:01 AM
shashi kiran said...: hi suresh

I am using ajax watermark extender in this case its not working what to do please help me.; August 20, 2013 at 10:48 AM
Mradu said...: great post as always; December 26, 2013 at 11:47 PM
Jay Patel said...: hi sir,
I can visit your website.I thing one question in my mind.Your website visiter like website and display 10425 people like. please send the coding in this. My email ID:jailupatel007@gmail.com; March 1, 2014 at 12:25 AM
Pugal said...: How to use the both JavaScript validation and asp.net validation for a control !; March 11, 2014 at 3:53 AM
Anonymous said...: In txtuser.ClientID in that what is ClientID I can't understand sir..; March 24, 2014 at 11:06 PM
Solwin said...: Thanks, its really helpful :D; March 31, 2014 at 11:55 PM
Anonymous said...: I used OnClientClick="return validate()" because without the return, it still was doing a postback after calling my javascript validate() even if validate() returns false; May 30, 2014 at 7:29 AM
Anonymous said...: Nitin Kaushal,

Hi , sir really i said to this code to very helpful to developed the code Thanks .; June 25, 2014 at 11:56 AM

Give your Valuable Comments

Note: Only a member of this blog may post a comment.

Subscribe to: Post Comments ( Atom )

ASP.NET,C#.NET,VB.NET,JQuery,JavaScript,Gridview