Stopping asp.net button click event from firing

[iaswnidou]

Hello

I am trying to stop a postback to the server with the following scripting:

function CheckDateUpdate()
		{
var radio1 = document.getElementById('<%= rbYesDates.ClientID  %>');

var label = document.getElementById('<%= lblWarning.ClientID  %>');
			
if (radio1.checked == false)
{
 label.text = "A choice whether to update or not must be made."
 return false;
}
else
{
 label.text = ""
 return true;
}
}

And i am calling this function like this:

<asp:Button cssclass="submit" onmouseup="CheckDateUpdate()" ID="btnSubmit" Runat=server Text="Submit"></asp:Button>

But unfortunately the spotback does happen. Any ideas?

 

[BillyRayPreachersSon]

Can you show us the client-side code rathre than the server-side code?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[iaswnidou]

I don't understand what you ask for.

 

[iaswnidou]

The function above is the Javascript function, what else is client side?

 

[BillyRayPreachersSon]

The ASP code you've shown is server-side, NOT client-side. We need to see what the browser sees (i.e. client-side), NOT the code you posted (i.e. server-side).

Dan


Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[iaswnidou]

Do you mean the rendered HTML?

 

[BillyRayPreachersSon]

Yes - the client-side HTML.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[checkai]

Server Side On Load Code

btnSubmit.Attributes.Add("onclick","return CheckDateUpdate();")

Javascript

function CheckDateUpdate(){
var radio1 = document.getElementById('<%= rbYesDates.ClientID  %>');
var label = document.getElementById('<%= lblWarning.ClientID  %>');
            
if (radio1.checked == false){
 label.text = "A choice whether to update or not must be made."
}else{
 label.text = ""
}
return false;
}

"...your mom goes to college..."

 

[trollacious]

And where is the requested client-side HTML for this?

<asp:Button cssclass="submit" onmouseup="CheckDateUpdate()" ID="btnSubmit" Runat=server Text="Submit"></asp:Button>

As well, your <% ... %> ASP tags show that you did NOT provide the client side Javascript, either.

Run your code in the browser, then View -> Source and copy and paste what shows THERE.

Lee

 

[tsuji]

I know all the calls are for the purpose of better help. But if that is taken as a matter of prime working principle of the forum, I would ask myself: Can one ever talk philosophy again by reading the original Greek text of the old masters? or theology from the dated Hebrew version of the Bible or Koran in Arabic? or if it is only possible to make the world turn by all starting from their English translation?

 

[trollacious]

If I discuss philosphy primarily in English, but throw terms in where the definitions/meanings are known only to me (even if the language itself is understood by others in the group), I am "as a sounding brass or tinkling cymbal", so to speak - making unintelligible noise. #

Since the actual value/meaning of lblWarning.ClientID can only be determined by seeing what the script produces, it's not unreasonable to expect to see the final result. Showing the HTML output will display errors caused by misspelled scripting variables, incorrect variables referenced, and other things that won't be as obvious (or visible at all) by looking over script segments in the langue du jour.

Lee

 

[BillyRayPreachersSon]

Next!"

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[tsuji]

Next? what do you know.

 

[iaswnidou]

Hello,

sorry for the delay, i can only post here while i'm at work.

I hope this is what you need.

<tr id="tl_template__ctl0_Dates" Style="Display:none">
			<td>&nbsp;</td>
			<td class="tablelightbg"><p>
				<span class="required"><label for="tl_template__ctl0_rb1">After 1 week</label><input id="tl_template__ctl0_rb1" type="radio" name="tl:template:_ctl0:dates" value="rb1" /></span>  
				<span class="required"><label for="tl_template__ctl0_rb2">After 2 weeks</label><input id="tl_template__ctl0_rb2" type="radio" name="tl:template:_ctl0:dates" value="rb2" /></span>  
				<span class="required"><label for="tl_template__ctl0_rb3">After 1 month</label><input id="tl_template__ctl0_rb3" type="radio" name="tl:template:_ctl0:dates" value="rb3" /></span>
				<span class="required"><label for="tl_template__ctl0_rb4">After 2 months</label><input id="tl_template__ctl0_rb4" type="radio" name="tl:template:_ctl0:dates" value="rb4" /></span>
				<span id="tl_template__ctl0_lblWarning" style="color:Red;"></span>
			</p></td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td align="left"><input type="submit" name="tl:template:_ctl0:btnSubmit" value="Submit" onclick="if (typeof(Page_ClientValidate) == 'function') Page_ClientValidate(); " language="javascript" id="tl_template__ctl0_btnSubmit" class="submit" onmouseup="return CheckDateUpdate()" />&nbsp;&nbsp;<input type="submit" name="tl:template:_ctl0:btnCancel" value="Cancel" id="tl_template__ctl0_btnCancel" class="submit" /></td>
		</tr>

function CheckDateUpdate()
		{
			var radio1 = document.getElementById('tl_template__ctl0_rbYesDates');
			var radio2 = document.getElementById('tl_template__ctl0_rbNoDates');
			var label = document.getElementById('tl_template__ctl0_lblWarning');
			
			if (radio1.checked == false && radio2.checked == false)
			{
				document.getElementById('tl_template__ctl0_Dates').style.display = 'inline';
				label.text = "A choice whether to update or not must be made."
				return false;
			}
			else
			{
				document.getElementById('tl_template__ctl0_Dates').style.display = 'none';
				label.text = ""
				return true;
			}
		}

 

[iaswnidou]

When I alert the "label.text" i can see its text fine, but i do not see it on the browser and most importantly the click event continues.

 

[BillyRayPreachersSon]

You should attach the validation check to the form's onsubmit event, not to the submit button's onclick event.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]