ASP.NET

//MY Aspx code

<asp:GridView ID="GridView1" AllowPaging="True" BackColor="#f1f1f1" AutoGenerateColumns="false"
            Style="z-index: 101; left: 30px; position: absolute; top: 300px"
            Font-Size="Large" Font-Names="Verdana" runat="server" GridLines="None" OnRowEditing = "GridView1_RowEditing" OnRowCancelingEdit = "GridView1_CancelingEdit" OnRowUpdating = "GridView1_RowUpdating"
            BorderStyle="Outset" OnRowUpdated = "GridView1_RowUpdated" AllowSorting="false">
            <RowStyle BackColor="Gainsboro" />
            <AlternatingRowStyle BackColor="White" />
            <HeaderStyle BackColor="#0083C1" ForeColor="White" />

            <Columns>

                <asp:TemplateField HeaderText="Slice" SortExpression="name">
                    <ItemTemplate>
                        <asp:Label ID="lblslice" Text='<%# Eval("slice") %>' runat="server"></asp:Label>
                    </ItemTemplate>
                    <EditItemTemplate>
                        <asp:Label ID="lblslice" Text='<%# Eval("slice") %>' runat="server"></asp:Label>
                    </EditItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Metric" SortExpression="Description">
                    <ItemTemplate>
                    <asp:Label ID="lblmetric" Text='<%# Eval("metric")%>' runat="server"></asp:Label>
                        </ItemTemplate>
                         <EditItemTemplate>
                    <asp:Label ID="lblmetric" Text='<%# Eval("metric")%>' runat="server"></asp:Label>
                        </EditItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Original" SortExpression="Type">
                    <ItemTemplate>
                                            <asp:Label ID="lbloriginal" Text='<%# Eval("Original")%>' runat="server"></asp:Label>
                        </ItemTemplate>
                          <EditItemTemplate>
                                            <asp:Label ID="lbloriginal" Text='<%# Eval("Original")%>' runat="server"></asp:Label>
                        </EditItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="WOW" SortExpression="Market">
                    <ItemTemplate>
                                            <asp:Label ID="lblwow" Text='<%# Eval("WOW")%>' runat="server"></asp:Label>

                        </ItemTemplate>
                        <EditItemTemplate>
                                            <asp:Label ID="lblwow" Text='<%# Eval("WOW")%>' runat="server"></asp:Label>

                        </EditItemTemplate>
                </asp:TemplateField>
                 <asp:TemplateField HeaderText="Change" SortExpression="Market" >
                    <ItemTemplate>
                    <asp:Label ID="lblChange" Text='<%# Eval("Change")%>' runat="server"></asp:Label>

                        </ItemTemplate>
                         <EditItemTemplate>
                        <asp:TextBox ID="TxtCustomerID" Text='<%# Eval("Change") %> ' runat="server"></asp:TextBox>
                    </EditItemTemplate>
                </asp:TemplateField>
                <asp:CommandField HeaderText="Edit" ShowEditButton="True" />

            </Columns>
        </asp:GridView>

protected void Page_Load(object sender, EventArgs e)
{



}

public void populagridview1(string slice,string fromdate,string todate,string year)
{
    SqlCommand cmd;
    SqlDataAdapter da;
    DataSet ds;
    cmd = new SqlCommand();
    cmd.CommandType = CommandType.StoredProcedure;
    cmd.CommandText = "usp_geteventchanges";
    cmd.Connection = conn;
    conn.Open();
    SqlParameter param1 = new SqlParameter("@slice", slice);
    cmd.Parameters.Add(param1);
    SqlParameter param2 = new SqlParameter("@fromdate", fromdate);
    cmd.Parameters.Add(param2);
    SqlParameter param3 = new SqlParameter("@todate", todate);
    cmd.Parameters.Add(param3);
    SqlParameter param4 = new SqlParameter("@year", year);
    cmd.Parameters.Add(param4);


    da = new SqlDataAdapter(cmd);
    ds = new DataSet();
    da.Fill(ds, "Table");
    GridView1.DataSource = ds;
    GridView1.DataBind();
    conn.Close();
}

protected void ImpactCalc(object sender, EventArgs e)
{
    populagridview1(ddl_slice.SelectedValue, dt_to_integer(Picker1.Text),        dt_to_integer(Picker2.Text), Txt_Year.Text);

}
protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)
{


    gvEditIndex = e.NewEditIndex;
    Gridview1.DataBind();


}

For Each myRow As DataRow In HttpContext.Current.Session("myConfiguration").PlanRates.Rows
                If myRow.RowState <> DataRowState.Deleted Then
                    If myRow.Item("Term") = myDataKey(0).Trim And _
                        myRow.Item("AgeGroup") = myDataKey(1).Trim And _
                         myRow.Item("Coord") = myDataKey(2).Trim Then
                        Dim myDataRow() As DataRow = HttpContext.Current.Session("myConfiguration").PlanRates.Select("Term='" & myDataKey(0).Trim & "' AND Coord='" & myDataKey(2).Trim & "' AND AgeGroup='" & myDataKey(1).Trim & "'")
                       ''TO DO
'Delete not working

                        Exit For
                    End If
                End If
            Next

  <script type="text/javascript" src="../Script/Payment.js"></script>
  <script type="text/javascript" src="../Scripts/jquery.validate.creditcard2.js"></script>
  <script type="text/javascript">

      var lastNameValid = false;
      var confirmationValid = false;

  $(document).ready(function(){

      $(function ($) {
      $("#phonenumber").MaskPhoneNumber();
  });

          $(function ($) {
      $("#telephone").MaskPhoneNumber();
  });
                  $(function ($) {
      $("#postcode").ForceNumericOnly();
  });

                      $(function ($) {
      $("#cardnum").ForceNumericOnly();
  });

                          $(function ($) {
      $("#ccMonth").ForceNumericOnly();
  });

                              $(function ($) {
      $("#ccYear").ForceNumericOnly();
  });

                              $(function ($) {
      $("#securityCode").ForceNumericOnly();
  });


     $('.validationGroup .causesValidation').click(function (evt) {

  // Ascend from the button that triggered this click event
  //  until we find a container element flagged with
  //  .validationGroup and store a reference to that element.
  var $group = $(this).parents('.validationGroup');

  var isValid = true;

  // Descending from that .validationGroup element, find any input
  //  elements within it, iterate over them, and run validation on
  //  each of them.
  $group.find(':input').each(function (i, item) {

  if($(item)[0].id != "")
  {
    if (!$(item).valid())
    {
      isValid = false;
    }
  }
});

  if (!isValid)
    evt.preventDefault();
});


      $("#MainForm").validate({

          rules: {

              <%= firstname.UniqueID %>: {
                  required: true,
                  minlength: 1
              },
              <%= lastname.UniqueID %>: {
                  required: true,
                  minlength: 1
              },
               <%= phonenumber.UniqueID %>: {
                  required: true,
                  minlength: 12
              },
               <%= cardholdername.UniqueID %>: {
                  required: true,
                  minlength: 1
              },
               <%= address1.UniqueID %>: {
                  required: true,
                  minlength: 1
              },
               <%= city.UniqueID %>: {
                  required: true,
                  minlength: 1
              },
               <%= postcode.UniqueID %>: {
                  required: true,
                  minlength: 5,
                  number: true
              },
              <%= telephone.UniqueID %>: {
                  required: true,
                  minlength: 12
              },
               <%= ccMonth.UniqueID %>: {
                  required: true,
                  minlength: 2,
                  number: true
              },
               <%= ccYear.UniqueID %>: {
                  required: true,
                  minlength: 4,
                  number: true
              },
               <%= securityCode.UniqueID %>: {
                  required: true,
                  minlength: 3,
                  number: true
              },
              <%= rblPaymentType.UniqueID %>: {
                  required: true
              },
              <%= cardnum.UniqueID %>: {
              required: true,
              number: true
              }
          },
          messages: {

              <%= firstname.UniqueID %>: {
                  required: "Please provide your First Name",
                  minlength: "Your First Name must be at least 1 character"
              },
              <%= lastname.UniqueID %>: {
                  required: "Please provide your Last Name",
                  minlength: "Your Last Name must be at least 1 character"
              },
              <%= phonenumber.UniqueID %>: {
                  required: "Please provide your Phone Number",
                  minlength: "Your Phone Number must be at least 10 digits long"
              },
              <%= cardholdername.UniqueID %>: {
                  required: "Please provide your Cardholder Name",
                  minlength: "Your Cardholder Name must be at least 1 characters long"
              },
              <%= address1.UniqueID %>: {
                  required: "Please provide your Address1",
                  minlength: "Your Address1 must be at least 1 characters long"
              },
              <%= city.UniqueID %>: {
                  required: "Please provide your City",
                  minlength: "Your City Number be at least 1 characters long"
              },

              <%= postcode.UniqueID %>: {
                  required: "Please provide your Postal Code",
                  minlength: "Your Postal Code must be at least 5 digits long",
                  number: "Provide only digits for the postal code"
              },
              <%= telephone.UniqueID %>: {
                  required: "Please provide your Telephone Number",
                  minlength: "Your Telephone number must be at least 10 digits long"
              },
              <%= rblPaymentType.UniqueID %>: {
                  required: "Please select Credit Card Type"
              },
              <%= ccMonth.UniqueID %>: {
                  required: "Please confirm your Credit Card Month",
                  minlength: "Your Credit Card Month must be at least 2 digits long",
                  number: "Provide only digits for the month"
              },
              <%= ccYear.UniqueID %>: {
                  required: "Please confirm your Credit Card Year",
                  minlength: "Your Credit Card Year must be at least 4 digits long",
                  number: "Provide only digits for the year"
              },
              <%= securityCode.UniqueID %>: {
                  required: "Please confirm your Security Code",
                  minlength: "Your Security Code must be at least 3 digits long",
                  number: "Provide only digits for the security code"
              },
              <%= cardnum.UniqueID %>: {
                  required: "Please enter your Credit Card number",
                  number: "Provide only digits for the credit card number"
              }
          },
          errorElement: "li",
          errorLabelContainer: "#errorMessage",
          onsubmit: false

      });

      //validate on change
      $("#firstname").blur(function () {
          var elemTest = $("#firstname").valid();
      });

      $("#lastname").blur(function () {
          var elemTest = $("#lastname").valid();
      });

       $("#phonenumber").blur(function () {
          var elemTest = $("#phonenumber").valid();
      });

      $("#cardholdername").blur(function () {
          var elemTest = $("#cardholdername").valid();
      });

      $("#address1").blur(function () {
          var elemTest = $("#address1").valid();
      });

       $("#city").blur(function () {
          var elemTest = $("#city").valid();
      });

      $("#state").blur(function () {
          var elemTest = $("#state").valid();
      });

      $("#postcode").blur(function () {
          var elemTest = $("#postcode").valid();
      });

      $("#telephone").blur(function () {
          var elemTest = $("#telephone").valid();
      });

      $("#ccMonth").blur(function () {
          var elemTest = $("#ccMonth").valid();
      });

      $("#ccYear").blur(function () {
          var elemTest = $("#ccYear").valid();
      });

      $("#securityCode").blur(function () {
          var elemTest = $("#securityCode").valid();
      });

      $("#rblPaymentType").blur(function () {
          var elemTest = $("#rblPaymentType").valid();
      });

      $("#cardnum").blur(function () {
          var elemTest = $("#cardnum").valid();
      });

      $("#txtemailaddress").blur(function () {
          var elemTest = $("#txtemailaddress").valid();
      });

       $("#cardnum").rules("add", {
      creditcard2:
      //function(){ return $('#cardType').val();
              function () {
                  return $("#rblPaymentType input[type=radio]:checked").val();
       }
      });

 });

  // Get a reference to the PageRequestManager.
  var prm = Sys.WebForms.PageRequestManager.getInstance();

      prm.add_endRequest(EndRequest);

          // Executed when the async postback completes.
  function EndRequest(sender, args) {
      //$(".searchDisplayBusy").hide();

      $(function () {
      $('#btnFinalize').bind({click: validate});
      });

  </script>