Stop Asp.net page execution with jQuery

Question

I would like to know how can I stop execution of code behind in an aspx page when a jquery function fires:

$(document).ready(function () {
            $("#btnSaveProvvisorio").click(function jControllaProvvisorio () {
                var i;
                var jElemento;
                $('.MyTextBoxClass').each(function (i, v) {
                    jElemento = $(this).val();
                    if (jElemento) {
                        if (isNaN(jElemento)) {
                            alert("Warning: " + jElemento + " is not a number!");
                            return false;
                        }
                        else
                            if (parseInt(jElemento) <= 0){
                                alert("Warning: " + jElemento + " is negative!");
                        return false;
                    }
                    }
                });
            });
        });

How can I set the button:

<asp:Button ID="btnSaveProvvisorio" runat="server" style="text-align: center" Text="Salva provvisorio" OnClick="btnSaveProvvisorio_Click" BackColor="#FF6600" ClientIDMode="Static" OnClientClick="jControllaProvvisorio ()"/> ?

This version gives me an error; without the OnClientClick tag the page aspx.cs doesn't stop anyway. Where is the error? Thanks!

Code Maverick · Accepted Answer · 2014-01-08 15:23:22Z

For your button, you don't need to assign the OnClientClick since you can attach the click event via jQuery. That means your button would look like:

<asp:Button ID="btnSaveProvvisorio" runat="server" 
            style="text-align: center" 
            Text="Salva provvisorio"
            OnClick="btnSaveProvvisorio_Click" 
            BackColor="#FF6600" 
            ClientIDMode="Static" />

In your jQuery click event, you need to pass in the event parameter to your function and then use e.preventDefault() to stop the server-side execution. To accomplish that, your jQuery would then look like this:

$(document).ready(function () 
{
    $("#btnSaveProvvisorio").on("click", function (e) 
    {
        var i;
        var jElemento;

        $('.MyTextBoxClass').each(function (i, v) 
        {
            jElemento = $(this).val();
            if (jElemento) 
            {
                if (isNaN(jElemento)) 
                {
                    alert("Warning: " + jElemento + " is not a number!");

                    // prevent ASP.NET server-side click from occurring.
                    e.preventDefault();
                }
                else if (parseInt(jElemento) <= 0)
                {
                    alert("Warning: " + jElemento + " is negative!");

                    // prevent ASP.NET server-side click from occurring.
                    e.preventDefault();
                }
            }
        });
    });
});

sredne · Accepted Answer · 2014-01-08 15:26:48Z

0

Make sure you're returning the function you call in "OnClientClick". So you're button should be like:

<asp:Button ID="btnSaveProvvisorio" runat="server" style="text-align: center" Text="Salva provvisorio" OnClick="btnSaveProvvisorio_Click" BackColor="#FF6600" ClientIDMode="Static" OnClientClick="return jControllaProvvisorio();"/> ?

answered Jan 8, 2014 at 15:26

sredne

91 bronze badge

2 Comments

user1 Over a year ago

I'm sorry sredne, but with this solution, I receive the error: 'jControllaProvvisorio' not defined

sredne Over a year ago

Oh sorry, I just saw that in your initial solution that 'jControllaProvvisorio' is declared inside the click handler, so it's only accessible when that event fires. If you wanted to do it with my solution you would need to extract the jControllaProvvisorio into document ready so it's accessible by the page.

Collectives™ on Stack Overflow

Stop Asp.net page execution with jQuery

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related