prevent postback of HtmlButton in C#

Question

I am creating HtmlButton dynamically in .cs file. Adding it to Panel using

HtmlButton b1 = new HtmlButton();
b1.Attribute.Add("onclick","javascript:validateNclick(this.id);");
pnl.Controls.Add(b1); //pnl is Server-side <Asp:Panel>

Now how could i prevent postback of it? I had written javascript which is working in IE(No postback) but not in Mozilla Firefox (go to server-side code directly). please help out.

please provide c# code,i.e. b1.Attribute.Add(... which will work specifically in Firefox — MayureshP, Jun 11 '11 at 06:37

Kamyar · Accepted Answer · 2011-06-11T06:56:12.220

3

return false to prevent postback:

b1.Attribute.Add("onclick","javascript:validateNclick(this.id);return false;");

Update:
You can also do this:

b1.Attribute.Add("onclick","javascript:return validateNclick(this.id);");

Then in your validateNclick function, if you want to have postback, return true, if not, return false.

edited Jun 11 '11 at 06:56

answered Jun 11 '11 at 06:35

Kamyar

18,639
9
97
171

but after validation, i could able to return from Javascript depending on condition(if..else) – MayureshP Jun 11 '11 at 06:39
i had debugger in Javascript function. When i debug with Firefox,it doesn't go javascript,diectly comes to .cs code. When i will write 'return false;',it will not go to server-side at ll – MayureshP Jun 11 '11 at 06:43

score 1 · Answer 2 · answered Jun 11 '11 at 06:30

1

if you use jQuery you can use preventDefault() to do this

answered Jun 11 '11 at 06:30

Arian

12,793
66
176
300

2

you can't prevent post back directly using c#.javascript should prevent that.if you usning jQuery it is cross platform – Arian Jun 11 '11 at 07:17
2

See this [http://api.jquery.com/event.preventDefault/](http://api.jquery.com/event.preventDefault/) and [http://www.switchonthecode.com/tutorials/jquery-snippet-the-epreventdefault-function](http://www.switchonthecode.com/tutorials/jquery-snippet-the-epreventdefault-function) – Arian Jun 11 '11 at 07:29

score 0 · Answer 3 · answered Jun 11 '11 at 06:51

on the javascript function return true or false and then add the return to your onclick as I show here.

    function validateNclick(me)
    {
       if(allIsOk)
       {
         return true;
       }
       else
       {
         return false
        }
    }

and your attribute.

b1.Attribute.Add("onclick","javascript:return validateNclick(this);");

score 0 · Answer 4 · answered Jun 11 '11 at 06:53

0

b1.Attribute.Add("onclick","return validateNclick(this.id);");

function validateNclick(id){
//...
if(condition){
   return true
}
else{
  return false;
}
}

answered Jun 11 '11 at 06:53

Yuriy Rozhovetskiy

22,270
4
37
68

prevent postback of HtmlButton in C#

4 Answers4

Linked

Related