ansaurus

Question

is it possible to disable the submit behaviour of a server side button using Javascript

Answer 1

+3 A:

sure: return false from the click handler of the submit button.

Here Be Wolves 2009-05-21 11:21:40

Answer 2

+7 A:

You need to make sure that UseSubmitBehavior is set to false in the markup, then you need to make sure you return false before the postback javascript is called.

Edit:

You should return the value of your function, then in the function retrun true if you want a postback, and return false if you don't.

<asp:Button ID="Button1" runat="server" Text="Submit"  onclick="Button1_Click"  
  OnClientClick="return Check();" UseSubmitBehavior="false" />

Javascript:

function Check()
{
     return confirm(" Are u sure whatYou have selected ");
}

ck 2009-05-21 11:23:26

With the updated code posted, your answer fully addresses the question +1

ichiban 2009-05-21 12:16:11

Answer 3

+1 A:

<input type='submit' onclick='return false;' />

Something like this (if it's not done in a different way in asp.net.

Ólafur Waage 2009-05-21 11:25:52

Answer 4

A:

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <script>
    function dostuff() {
    alert('hello');
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <% =DateTime.Now.ToString() %>
        <asp:Button ID="Mybutton" runat="server" UseSubmitBehavior="false" Text="Click"
        OnClientClick="dostuff(); return false;" />
    </div>
    </form>
</body>
</html>

SillyMonkey 2009-05-21 11:34:54

Answer 5

A:

I wouldn't recommend the other approaches as there are two problems with them:

Javascript should not be embedded inside HTML. This is just bad form and it's an arcane practise by now. There's loads of discussion on this.
Clicking the submit button is not the only way to submit a form. If the user hits the enter button you still have a problem because the onclick handler will not be triggered at all.

In your case, you just need to include the following in your else block:

document.getElementById("YourFormId").onsubmit = function() { return false; }

So the event is on your form not your button and it's an onsubmit event.

aleemb 2009-05-21 12:03:00

The answers were getting upvoted because they work. The question was related to asp.net buttons performing a postback onclick. In ASP.NET, every button declared on the server side behaves like an HTML form submit button.

ichiban 2009-05-21 12:13:00

The question clearly asks the user to verify his information before submitting. This should be handled in onsubmit rather than onclick. Markup should not include Javascript or CSS, wether you're using ASP.NET or not--these methods are arcane as I mentioned.

aleemb 2009-05-21 16:01:43

Answer 6

A:

just say return false, do it inside the client-click event, which will not proceed to submit (or __doPostBack() in asp.net)

Emre 2010-08-13 09:35:23

ansaurus

tags:

views:

answers:

is it possible to disable the submit behaviour of a server side button using Javascript

related questions