Hello all,
I am using the jQuery Validate plugin (http://docs.jquery.com/Plugins/
Validation) and am running into an issue with the other javascript I
need to have running on the page. I have an Onclick event wired into a
radio button in the form, but when one of the required fields fails
validation, the radio button onclick event listed here is completely
disabled and even when the validation requirement is met and the
submit button is re-enabled, the other form javascript remains
disabled:
onclick="javascript:setTimeout('__doPostBack(\'_ctl0$ContentPlaceHolder
$B\',\'\')', 0)"
I am using ASP.Net to generate my pages so unfortunately I am mostly
at their discretion on how certain behavior is performed, but one of
the things that I NEED to have work on the page is my autopostback
features on my radio buttons. I do not have the radio buttons with a
required class indicating that they should be part of this, but I do
need their form submission values and since it's ASP.Net, the whole
page is the form, so I can't just leave it outside and cheat with
hidden values.
I am newer to Jquery, so I have tried two different things in
attempting to keep the javascript onclick event from being
disabled: .filter and .not . .fliter seems to completely disable the
entire form validation and let anything slide, and .not just isn't
doing anything. Is there a way to have my cake and eat it too using
this excellent plugin?
Here is what I have in the javascript/jquery:
<script type="text/javascript">
$(document).ready(function() {
var a = '_ctl0_ContentPlaceHolder_a';
var b = '_ctl0_ContentPlaceHolder_b';
var c = '_ctl0_ContentPlaceHolder_c';
$("#aspnetForm").not(document.getElementById(a),
document.getElementById(b), document.getElementById(c)).validate();
});
</script>
Here is what's in the html:
<form name="aspnetForm" method="post" action="SamePage.aspx"
id="aspnetForm" onsubmit="return (g_submitted ? false : (g_submitted =
true));">
<input id="_ctl0_ContentPlaceHolder_a" type="radio"
name="_ctl0:ContentPlaceHolder:OPTION" value="A"
onclick="javascript:setTimeout('__doPostBack(\'_ctl0$ContentPlaceHolder
$A\',\'\')', 0)" language="javascript" /><label>A</label>
<br />
<input id="_ctl0_ContentPlaceHolder_b" type="radio"
name="_ctl0:ContentPlaceHolder:OPTION" value="multiplePassword"
checked="checked" onclick="javascript:setTimeout('__doPostBack
(\'_ctl0$ContentPlaceHolder$B\',\'\')', 0)" language="javascript" /
><label>B</label>
<br />
<input id="_ctl0_ContentPlaceHolder_c" type="radio"
name="_ctl0:ContentPlaceHolder:OPTION" value="C"
onclick="javascript:setTimeout('__doPostBack(\'_ctl0$ContentPlaceHolder
$C\',\'\')', 0)" language="javascript" /><label>C</label>
<input class="required" name="blah" minlength="1" />
submit button cancel button etc...
</form>
Everything else seems to work great, any thoughts?
