jquery – Button – only do a postback if JavaScript function returns true

I have a button in ASP.NET. When the user clicks the button, I want to make some validation beforehand, so the postback only occurs if the validation method returns true.

My thought was to use the logic of the OnClientClick of the button. If you say OnClientClick=\”return false;\”, it won\’t give a postback, while returning true will. However, that\’s not working, as the resulting behaviour is it doesn\’t make a postback even though what my jQuery method returns.

Currently I have:

Markup:

<asp:Button runat=\"server\" ID=\"ReplyBtn\" OnClientClick=\"return ValidateInput();\" OnClick=\"ReplyBtn_Click\" CssClass=\"btn-large btn-success\"
    Text=\"Answer\" />

JavaScript:

function ValidateInput() {
        var value = stripHtml(CKEDITOR.instances[\'ReplyBox\'].getData()).trim();
        var options = {
            type: \"POST\",
            url: \"../../Services/ForumOperationService.svc/ReplyToPostFeedback\",
            data: \'{\"content\":\"\' + value + \'\"}\',
            async: false,
            contentType: \"application/json; charset=utf-8\",
            dataType: \"json\",
            success: function(msg) {
                $(\"#StatusReplyLbl\").text(msg.ReplyToPostFeedbackResult);

                if (msg.ReplyToPostFeedbackResult) {
                    return false;
                } else {
                    return true;
                }

            },
            error: function () {
                return true;
            }
        };
        $.ajax(options);
        return false;
    }

    function stripHtml(str) {
        return $(\'<div />\', { html: str }).text();
    }

So basically, what\’s wrong with this code? And how can I perform validation on my button before making a postback?

Rating: 4 out of 5 based on 3 ratings

Posts Related to jquery - Button - only do a postback if JavaScript function returns true

• Aug 17th, 2012 jquery - ASCX control: how to render it in predefined part of (master) page? Friday PM 12:30:30


• Aug 22nd, 2012 javascript - javscript empty map Wednesday AM 06:29:02


• Jul 24th, 2012 Why does (true > null) always return true in JavaScript? Tuesday PM 13:54:46


• Jul 15th, 2012 Javascript equality Sunday AM 01:12:24


• Nov 17th, 2012 javascript - Button clicked, sound plays, but the button disappears Saturday PM 17:34:45


• Aug 14th, 2012 Why does {} + [] return 0 in Javascript? Tuesday AM 05:03:25


• Aug 02nd, 2012 php - HTTP status code with special characters in the URL Thursday PM 13:13:51


• Aug 19th, 2012 javaScript return Function with ajax Sunday AM 01:30:18


• Aug 28th, 2012 JavaScript looping through an array to check for numeric values Tuesday AM 01:32:12


• Jul 22nd, 2012 azure - ASP .Net website - No response Sunday AM 01:56:39

The post jquery – Button – only do a postback if JavaScript function returns true appeared first on Javascript ASK.

via Javascript ASK http://javascriptask.phpfogapp.com/jquery-button-only-do-a-postback-if-javascript-function-returns-true.html