connectseekers.com

Wednesday, 31 December 2014

Bind and Validate GridView TextBox Value by jQuery In Asp.Net Using C#

12/31/2014 - By Pranav Singh 0



This article will show you how you can bind and validate the gridview textbox using jQuery in asp.net using c#.net


So for his article first we will create a new asp.net application and add the below code into the page.
 
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Bind and Validate GridView TextBox Value by jQuery In Asp.Net Using C# </title>
    <script src="jquery-1.4.1.min.js" type="text/javascript"></script>
    <script language="javascript">
        function ValidateTextBox() {
            var textvalue = $(".textClass").attr('value');
            if (textvalue == "") {
                alert("Please enter value in all textboxes.");
                return false;
            }
            return true;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <table width="100%" cellpadding="4" cellspacing="4">
        <tr>
            <td align="center">
                <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Save" Width="89px"
                    OnClientClick="javascript:return ValidateTextBox();" />
            </td>
        </tr>
        <tr>
            <td align="center">
                <asp:Label ID="lblmessage" runat="server"></asp:Label>
            </td>
        </tr>
        <tr>
            <td align="left">
                <asp:GridView ID="GridView1" runat="server" Width="100%" AutoGenerateColumns="False">
                    <Columns>
                        <asp:BoundField DataField="Name" HeaderText="Name" />
                        <asp:BoundField DataField="Address" HeaderText="Address" />
                        <asp:BoundField DataField="UserType" HeaderText="UserType" />
                        <asp:TemplateField>
                            <HeaderTemplate>
                                Percentage
                            </HeaderTemplate>
                            <ItemTemplate>
                                <asp:TextBox ID="TextBox1" runat="server" CssClass="textClass"></asp:TextBox>
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                </asp:GridView>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>

Just check the above code in this cod first we will check the grid view text box. In this textbox I have assigned a dummy css class, you can also use the class. This css class we will use for validating the textbox value.

Now check the jquery function.

<title>Bind and Validate GridView TextBox Value by jQuery In Asp.Net Using C# </title>
    <script src="jquery-1.4.1.min.js" type="text/javascript"></script>
    <script language="javascript">
        function ValidateTextBox() {
            var textvalue = $(".textClass").attr('value');
            if (textvalue == "") {
                alert("Please enter value in all textboxes.");
                return false;
            }
            return true;
        }
    </script>

In above code I have added the jquery library reference and with the help of jquery I have get the textbox value. After getting value I have checked weather the text control is having any value or not. If it’s not having value we will get the alert message and if it’s having value then post back will take place.

Now we have done run the application and check the output.


About the Author

We are the group of people who are expertise in different Microsoft technology like Asp.Net,MVC,C#.Net,VB.Net,Windows Application,WPF,jQuery,Javascript,HTML. This blog is designed to share the knowledge.

Get Updates

Subscribe to our e-mail newsletter to receive updates.

Share This Post

0 comments:

Please let me know your view

Free Ebooks


About Us

We are the group of people who are expertise in different Microsoft technology like Asp.Net,MVC,C#.Net,VB.Net,Windows Application,WPF,jQuery,Javascript,HTML. This blog is designed to share the knowledge.

Contact Us

For writing article in this website please send request by your

GMAIL ID: dotnetpools@gmail.com
Email Id : contact@aspdotnet-pools.com

Bugs and Suggestions

As we all know that this website is for sharing knowledge and providing proper solution. So while reading the article is you find any bug or if you have any suggestion please mail us at contact@aspdotnet-pools.com.

Partners


Top jQuery Plugins

Global Classified : Connectseekers.com
© 2014
back to top