calling javascript function on OnClientClick event of a Submit button

Question

In my asp.net page, I have three text boxes and one button.
First two text boxes are being used to get the value from the user and third one is being used to show the sum of first two boxes.

I am calling a javascript function to sum the values and show the result value on OnClientClick event of that BUTTON.

JS function is working fine but when I am pressing button to get the sum, it shows the result in third text box and just then the page is being post-back and result value becomes disappear from the third text box.

Why the post-back is called by the button?
I don't want page to be post-backed on click of submit button.

Any suggestion is appreciated.

sangram parmar · Accepted Answer · 2017-02-23T07:12:33.557

25

OnClientClick="SomeMethod()" event of that BUTTON, it return by default "true" so after that function it do postback

for solution use

//use this code in BUTTON  ==>   OnClientClick="return SomeMethod();"

//and your function like this
<script type="text/javascript">
  function SomeMethod(){
    // put your code here 
    return false;
  }
</script>

edited Feb 23 '17 at 07:12

answered Jun 07 '13 at 08:15

sangram parmar

8,462
2
23
47

1

i have already added "return false" at the end of javascript function even then it is occuring. – Ravindra Kumar Jun 07 '13 at 08:22
1

be sure in button you have call method like this OnClientClick="return SomeMethod();" – sangram parmar Jun 07 '13 at 08:25

score 5 · Answer 2 · edited Nov 06 '14 at 03:24

5

The above solutions must work. However you can try this one:

OnClientClick="return SomeMethod();return false;"

and remove return statement from the method.

edited Nov 06 '14 at 03:24

Hashbrown

12,091
8
72
95

answered Jun 07 '13 at 08:29

Pushpendra

814
1
6
17

4

What is a use of `return false;` in this answer, I believe it will never executes as return SomeMethod() will stop rest of execution after returning value – Abhay Feb 08 '18 at 10:01

score 2 · Answer 3 · edited Apr 05 '22 at 16:11

2

<asp:Button ID="btnGet" runat="server" Text="Get" OnClick="btnGet_Click" OnClientClick="return callMethod();" />
<script type="text/javascript">
    function callMethod() {
        //your logic should be here and make sure your logic code note returing function
        return false;
}
</script>

edited Apr 05 '22 at 16:11

Homer

7,594
14
69
109

answered Jun 07 '13 at 08:28

sangram parmar

8,462
2
23
47

calling javascript function on OnClientClick event of a Submit button

3 Answers3

Linked