title: Jquery validation does not stop execution of "code behind" code of asp.net button
body: <p>I have a asp.net button which has click event which basically adds data into datbase. I also have a radiobuttonlist(i.e Approve / Decline) and a textbox. If user selects decline, the textbox becomes visible.  I want to run validation that when user clicks on submit button, if the decline is selected then the textbox can not blank. I have used jquery validation for that. when I click button, the message apppears next to textbox that the field is required but it does not stop the execution of code behind. i.e.It adds data into database. Here is my code.</p>
  
  <pre><code>&lt;script type="text/javascript" language="javascript"&gt;
  
  
  
      $(function() {
          $('#declinediv').hide();
          ////////
          var $radBtn = $("table.rblist input:radio");
          $radBtn.click(function() {
              var $radChecked = $(':radio:checked');
              var value = $radChecked.val();
              if (value == 'Decline' || value == 'Approve') {
                  if (value == 'Decline')
                      $('#declinediv').show();
  
                  else
                      $('#declinediv').hide();
              }
              else {
                  $('#declinediv').hide();
              }
  
          });
          //////////////////////////
  
          $("#aspnetForm").validate({
              rules: {
                  &lt;%=txtdeclinereason.UniqueID %&gt;: {
                      minlength: 2,
                      required: true
                  }
          }, messages: {
              &lt;%=txtdeclinereason.UniqueID %&gt;:{ 
                      required: "* Required Field *", 
                      minlength: "* Please enter atleast 2 characters *" 
                  }
          }, onsubmit: true
  
  
      });
  
      //////////////////////////////////
  
      $('#btnsubmit').click(function(evt){
          var isValid = $("#aspnetForm").valid();
  
          if (!isValid)
          {
              evt.preventDefault();
              }
      });
  
  
  
  
  
  });
  
      function myredirect(v, m, f) {
          window.location.href = v;
      }  
  
  &lt;/script&gt;
  
  
  &lt;table style="border: 1px black solid; text-align: center; vertical-align: middle"
      width="100%"&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;asp:RadioButtonList ID="rbtnlstapprover" runat="server" RepeatDirection="Horizontal"
                  CssClass="rblist" DataTextField="username" DataValueField="emailaddress"&gt;
                  &lt;asp:ListItem Text="Approve" Value="Approve" /&gt;
                  &lt;asp:ListItem Text="Decline" Value="Decline" /&gt;
              &lt;/asp:RadioButtonList&gt;
              &lt;asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="rbtnlstapprover"
                  Text="*" ErrorMessage="Please select atleast one Approver" ValidationGroup="approvalgroup"
                  Display="Dynamic" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;div id="declinediv"&gt;
                  &lt;asp:TextBox ID="txtdeclinereason" runat="server" TextMode="MultiLine" Columns="80"
                      Rows="5" /&gt;
               &lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;asp:Button ID="btnsubmit" runat="server" Text="Submit" CssClass="RegularButton"
                  CausesValidation="true" ValidationGroup="approvalgroup" OnClick="btnsubmit_Click" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>How do I stop the execution of code behind? Thanks for your help.</p>
  
  <p>Edit:</p>
  
  <p>I was able to fix the probelm by adding OnClientClick event for button</p>
  
  <pre><code>if ($('#declinediv').is(':visible'))
  {
  
       var isValid = $("#aspnetForm").valid();
       alert(isValid);
  
      if (isValid)
          return true;
      else
          return false;
  
  }
  else
  {
      return true;
  }
  </code></pre>