Databases
StackOverflow2013
Postsdbo
POignore javascript validation on particular button click
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POignore javascript validation on particular button click
    primarykey
    data
    text
    <p>I have a page which is using jQuery validations, using <code>'jquery.validate.js'</code> file. There are two divs placed inside the form tag, which is <code>runat= "server"</code>. The validation is applied on the form by using : </p> <pre><code>jQuery("#form1").validate(); </code></pre> <p>Validation javascript :</p> <pre><code>&lt;script type="text/javascript" src="../Javascript/Validators/jquery.validate.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; jQuery(document).ready(function() { jQuery("#form1").validate({ rules: { txtLoginID: "required", txtUsername: "required", txtPassword: "required", txtConfirmPassword: "required", txtJobTitle: "required", txtAddress: "required", txtContact: { required: true, minlength: 10 }, txtEmail: { required: true, email: true } }, messages: { txtLoginID: " * Please enter a strong login id", txtUsername: " * Please enter your username", txtPassword: " * Please enter your Password", txtConfirmPassword: " * Password mismatch", txtJobTitle: " * Please enter job title", txtAddress: " * Please enter your address", txtContact: " * Please enter a valid mobile number", txtEmail: " * Please enter a valid email address" } }); }); &lt;/script&gt; </code></pre> <p>HTML : </p> <p>(DIV 1)</p> <pre><code> &lt;table cellpadding="0" cellspacing="0" border="0" width="100%"&gt; &lt;tr&gt; &lt;td align="left" style="padding: 5px" colspan="2"&gt; &amp;nbsp; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align="left" style="padding: 5px" class="lblField"&gt; Login ID &lt;/td&gt; &lt;td style="padding: 5px;"&gt; &lt;asp:UpdatePanel runat="server" ID="up2"&gt; &lt;ContentTemplate&gt; &lt;asp:TextBox ID="txtLoginID" CssClass="txtField" runat="server" OnTextChanged="txtLoginID_TextChanged" AutoPostBack="true"&gt;&lt;/asp:TextBox&gt; &lt;span id="spanAvailability" runat="server"&gt;&lt;/span&gt; &lt;/ContentTemplate&gt; &lt;/asp:UpdatePanel&gt; &lt;/td&gt; &lt;/tr&gt; &lt;div id="UserSecurity" runat="server"&gt; &lt;tr&gt; &lt;td align="left" style="padding: 5px" class="lblField"&gt; Password &lt;/td&gt; &lt;td style="padding: 5px;"&gt; &lt;asp:TextBox ID="txtPassword" TextMode="Password" CssClass="txtField" runat="server"&gt;&lt;/asp:TextBox&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align="left" style="padding: 5px" class="lblField"&gt; Confirm Password &lt;/td&gt; &lt;td style="padding: 5px;"&gt; &lt;asp:TextBox ID="txtConfirmPassword" TextMode="Password" CssClass="txtField" runat="server" equalTo="#txtPassword"&gt;&lt;/asp:TextBox&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/div&gt; &lt;tr&gt; &lt;td align="left" style="padding: 5px" class="lblField"&gt; User Name &lt;/td&gt; &lt;td style="padding: 5px;"&gt; &lt;asp:TextBox ID="txtUsername" CssClass="txtField" runat="server"&gt;&lt;/asp:TextBox&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align="left" style="padding: 5px" class="lblField"&gt; Department &lt;/td&gt; &lt;td style="padding: 5px;"&gt; &lt;asp:DropDownList ID="ddlDepartments" runat="server" CssClass="ddlField"&gt;&lt;/asp:DropDownList&gt;&amp;nbsp;&amp;nbsp;&lt;a href='#' onclick='overlay()'&gt;[ Add New Department ]&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align="left" style="padding: 5px" class="lblField"&gt; Job Title &lt;/td&gt; &lt;td style="padding: 5px;"&gt; &lt;asp:TextBox ID="txtJobTitle" CssClass="txtField" runat="server"&gt;&lt;/asp:TextBox&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align="left" style="padding: 5px" class="lblField"&gt; Address &lt;/td&gt; &lt;td style="padding: 5px;"&gt; &lt;asp:TextBox ID="txtAddress" TextMode="MultiLine" Rows="10" Columns="20" CssClass="txtField" runat="server"&gt;&lt;/asp:TextBox&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align="left" style="padding: 5px" class="lblField"&gt; Contact Number &lt;/td&gt; &lt;td style="padding: 5px;"&gt; &lt;asp:TextBox ID="txtContact" CssClass="txtField" runat="server"&gt;&lt;/asp:TextBox&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align="left" style="padding: 5px" class="lblField"&gt; Email Address &lt;/td&gt; &lt;td style="padding: 5px;"&gt; &lt;asp:TextBox ID="txtEmail" CssClass="txtField" runat="server"&gt;&lt;/asp:TextBox&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align="left" style="padding: 5px" class="lblField"&gt; Online Contact (Chat) &lt;/td&gt; &lt;td style="padding: 5px;"&gt; &lt;asp:TextBox ID="txtChat" CssClass="txtField" runat="server"&gt;&lt;/asp:TextBox&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align="left" style="padding: 5px" class="lblField"&gt; Fax &lt;/td&gt; &lt;td style="padding: 5px;"&gt; &lt;asp:TextBox ID="txtFax" CssClass="txtField" runat="server"&gt;&lt;/asp:TextBox&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr style="padding-top: 20px;"&gt; &lt;td colspan="2" style="padding: 5px;"&gt; &lt;asp:Button ID="btn_Save" CssClass="btnField" runat="server" Text="SAVE" OnClick="btn_Save_Click" /&gt; &lt;asp:Button ID="btn_delete" runat="server" CssClass="btnField" Text="DELETE" OnClick="btn_delete_Click" /&gt; &lt;asp:Button ID="btn_reset" runat="server" CssClass="btnField" Text="RESET" OnClick="btn_reset_Click" /&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; </code></pre> <p>DIV 2 :</p> <pre><code>&lt;script type="text/javascript"&gt; function overlay() { el = document.getElementById("overlay"); el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible"; } &lt;/script&gt; &lt;div id="overlay"&gt; &lt;div&gt; &lt;a href="#" class="close"&gt;&lt;a href='#' onclick='overlay()'&gt; &lt;img src="../Images/Icons/close_pop.png" class="btn_close" title="Close Window" alt="Close" /&gt;&lt;/a&gt; &lt;h2 style="float:left;padding-bottom:20px;"&gt; New Department&lt;/h2&gt;&lt;br /&gt; &lt;asp:Label ID="lblDeptMessage" runat="server" CssClass="errField"&gt;&lt;/asp:Label&gt; &lt;br /&gt; &lt;asp:TextBox ID="txtNewDept" runat="server" CssClass="txtField"&gt;&lt;/asp:TextBox&gt;&amp;nbsp;&amp;nbsp;&lt;asp:Button ID="btnSaveDept" runat="server" Text="SAVE" CssClass="btnField" OnClick="btnSaveDept_Click" /&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Now i need to free the button of second div from this validation. </p> <p>The problems is when i click the <code>asp:Button</code> in second div, the validation appears, which prevent the action to take place. <code>CauseValidation="false"</code> does not works here.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USYes Barry
    1. USuser1042813
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. POignore javascript validation on particular button click
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    2. VO
      singulars
      1. POignore javascript validation on particular button click
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    1. COSounds like you are mixing asp syntax with javascript syntax. Post your full code please.
      singulars
      1. POignore javascript validation on particular button click
      1. USmrtsherman
    2. COi'm new to stackoverflow...can you please tell me, how to add code to the post, so that they can remain in readable form.
      singulars
      1. POignore javascript validation on particular button click
      1. USuser1042813
    3. COAny line with with four leading spaces will be automatically code blocked. There is also a curly braces button in toolbar that will codeblock selected code for you.
      singulars
      1. POignore javascript validation on particular button click
      1. USmrtsherman
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload