ASP button does not fire event after return true from JS function

Reply

Member

117 Points

ASP button does not fire event after return true from JS function

Mar 07, 2017 07:26 AM|Embryologist|LINK

function AuthUsr() {
(function ($) {
    var obj = {};
    obj.Usrname = $.trim($("#username").val());
    obj.Pw = $.trim($("#password").val());
    $.ajax({
        type: "POST",
        url: "../../SessionService.asmx/AuthUsrEntry",
        data: JSON.stringify(obj),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (r) {
            var serresp = r.d
            return run(serresp)

        }
    });
})(jQuery);}

function run(e) {
if (e == false) {
    alert(e)

    MsgNotify('Error', '', 'Invalid Password!', '', '')
    return false;
}
else {
    //$('#login').submit();
    return true;
    __doPostBack('#cmdlogin', '')

};};

 <asp:Button ID="cmdlogin" runat="server" Text="Sign in" OnClick="cmdlogin_Click"CssClass=" pushed button btn-blue" ClientIDMode="Static" OnClientClick="return AuthUsr();" Style="display: block; margin-right: auto; margin-left: auto"UseSubmitBehavior="False" />

I m posting my code and HTML build for the button, I tried postback, submit and other functions,, none worked. I m running the my elements in update panel

I know my problem is in returning and employing the boolean val from AJAX call

Please help

A scientist shouldn’t be asked to judge the economic and moral value of his work. All we should ask the scientist to do is find the truth and then not keep it from anyone
“Arthur Kornberg”

Reply

raju dasa

All-Star

15176 Points

3888 Posts

Re: ASP button does not fire event after return true from JS function

Mar 07, 2017 07:31 AM|raju dasa|LINK

Hi,

Embryologist
__doPostBack('#cmdlogin', '')

I think, in the above code, # is not required.

check this site: http://stackoverflow.com/questions/3591634/how-to-use-dopostback

Happy Coding ! Mark as Answer if it helps.
rajudasa.blogspot.com || rajudasa-tech

Reply

Embryologist

Member

117 Points

241 Posts

Re: ASP button does not fire event after return true from JS function

Mar 07, 2017 07:34 AM|Embryologist|LINK

Thanks for the prompt reply

I did both

did not work

A scientist shouldn’t be asked to judge the economic and moral value of his work. All we should ask the scientist to do is find the truth and then not keep it from anyone
“Arthur Kornberg”

Reply

kaushalparik...

All-Star

31332 Points

7048 Posts

Re: ASP button does not fire event after return true from JS function

Mar 07, 2017 07:54 AM|kaushalparik27|LINK

I tried your code but that did not work on my end too. I am not quite sure, what could be the issue. However, one thing I noticed that your Ajax call needs to be async: false, otherwise button click will be executed right after user has clicked and it will not wait for ajax call result. Here is a sample code on similar scenario that is working on my end, you may do required modification based on your coding scenario:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
        function AuthUsr() {
            var retResult = false;
            var obj = {};
            obj.Usrname = $.trim($("#username").val());
            obj.Pw = $.trim($("#password").val());
            $.ajax({
                type: "POST",
                url: "WebForm54.aspx/AuthUsrEntry",
                data: JSON.stringify(obj),
                async: false,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (r) {
                    debugger;
                    var serresp = r.d
                    if (serresp == false) {
                        alert(serresp);
                        //MsgNotify('Error', '', 'Invalid Password!', '', '')
                        retResult = false;
                    }
                    else
                        retResult = true;
                },
                error: function (data) {
                    retResult = false;
                }
            });
            return retResult;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:TextBox
                runat="server"
                ID="username"
                ClientIDMode="Static" />

            <asp:TextBox
                runat="server"
                ID="password"
                ClientIDMode="Static" />

            <asp:Button
                ID="cmdlogin"
                runat="server"
                Text="Sign in"
                OnClick="cmdlogin_Click"
                CssClass=" pushed button btn-blue"
                ClientIDMode="Static"
                OnClientClick="return AuthUsr();"
                Style="display: block; margin-right: auto; margin-left: auto" />
        </div>
    </form>
</body>
</html>

        [WebMethod]
        public static bool AuthUsrEntry(string Usrname, string Pw)
        {
            //-- i am just passing true here to check if click event executes or not
            return true;
        }

        protected void cmdlogin_Click(object sender, EventArgs e)
        {
            //-- button click event
        }

hope that helps./.

नमस्ते,
[KaushaL] Blog Twitter [MS MVP 2008 & 2009] [MCC 2011] [MVP Reconnect 2017]
Don't forget to click "Mark as Answer" on the post that helped you

Reply

Embryologist

Member

117 Points

241 Posts

Re: ASP button does not fire event after return true from JS function

Mar 07, 2017 08:03 AM|Embryologist|LINK

Thanks for the elaborative response

the function returns the boolean value from the web service beautifully but even with true callback the button does not fire

could it be JSON2 call?

A scientist shouldn’t be asked to judge the economic and moral value of his work. All we should ask the scientist to do is find the truth and then not keep it from anyone
“Arthur Kornberg”

Reply

Embryologist

Member

117 Points

241 Posts

Re: ASP button does not fire event after return true from JS function

Mar 07, 2017 08:18 AM|Embryologist|LINK

r.d returns true but the whole function returns false!

<asp:Button ID="cmdlogin" runat="server" Text="Sign in"
                                    CssClass=" pushed button btn-blue" ClientIDMode="Static" OnClientClick="return calltest();"
                                    Style="display: block; margin-right: auto; margin-left: auto"/>

function AuthUsr() {
    var retResult = false;
    var obj = {};
    obj.Usrname = $.trim($("#username").val());
    obj.Pw = $.trim($("#password").val());

    $.ajax({
        type: "POST",
        url: "../../SessionService.asmx/AuthUsrEntry",
        data: JSON.stringify(obj),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (r) {
            //debugger;
            var serresp = r.d
            if (serresp == false) {
                //MsgNotify('Error', '', 'Invalid Password!', '', '')
                retResult = false;
            }
            else
                retResult = true;
        },
        error: function (data) {
            retResult = false;
        }
    });
    return retResult;
}

function calltest() {
    var r = AuthUsr()
    alert(r)
    if (r == false) {
        return false
    }
    else {
        return true;
        __doPostBack('cmdlogin', '')
    }
}

A scientist shouldn’t be asked to judge the economic and moral value of his work. All we should ask the scientist to do is find the truth and then not keep it from anyone
“Arthur Kornberg”

Reply

raju dasa

All-Star

15176 Points

3888 Posts

Re: ASP button does not fire event after return true from JS function

Mar 07, 2017 08:21 AM|raju dasa|LINK

Hi,

Embryologist
the function returns the boolean value from the web service beautifully but even with true callback the button does not fire

AFAIK, Button doesn't waits for ajax callback return. it gets return immediately.

You need a logic to work around.

Add a data-* attribute on button to check the ajax call status. (data-status="0")
on user click, function checks for (status==0) then set data-status=1 and call Ajax else returns true;
from ajax success callback, based on your condition invoke click event on button ($("#btn").trigger())
Now step2 calls else part (true).

Happy Coding ! Mark as Answer if it helps.
rajudasa.blogspot.com || rajudasa-tech

Reply

kaushalparik...

All-Star

31332 Points

7048 Posts

Re: ASP button does not fire event after return true from JS function

Mar 07, 2017 08:35 AM|kaushalparik27|LINK

Embryologist
r.d returns true but the whole function returns false!

That might be because you did not made async: false for Ajax call. It is really important, otherwise retResult will be returned just as it is (which is actually set to false initially if you see), without taking into considering value being returned from Ajax call. Notice async: false in my earlier post and do that change accordingly. That should resolve the issue.

Edit: Pasting an informative link: What does "async: false" do in jQuery.ajax()?

नमस्ते,
[KaushaL] Blog Twitter [MS MVP 2008 & 2009] [MCC 2011] [MVP Reconnect 2017]
Don't forget to click "Mark as Answer" on the post that helped you

Reply

Embryologist

Member

117 Points

241 Posts

Re: ASP button does not fire event after return true from JS function

Mar 07, 2017 08:25 PM|Embryologist|LINK

Do you have an example please

A scientist shouldn’t be asked to judge the economic and moral value of his work. All we should ask the scientist to do is find the truth and then not keep it from anyone
“Arthur Kornberg”

Reply

Embryologist

Member

117 Points

241 Posts

Re: ASP button does not fire event after return true from JS function

Mar 07, 2017 08:27 PM|Embryologist|LINK

you are correct, once i make it sync the value comes back in real time but i want to avoid sync jq, any way around it?

A scientist shouldn’t be asked to judge the economic and moral value of his work. All we should ask the scientist to do is find the truth and then not keep it from anyone
“Arthur Kornberg”

Reply

kaushalparik...

All-Star

31332 Points

7048 Posts

Re: ASP button does not fire event after return true from JS function

Mar 08, 2017 06:08 AM|kaushalparik27|LINK

I have already posted async: false in an example that I posted in my first post in this thread. However, I did not understand what you mean by "avoid sync jq". can you elaborate?

नमस्ते,
[KaushaL] Blog Twitter [MS MVP 2008 & 2009] [MCC 2011] [MVP Reconnect 2017]
Don't forget to click "Mark as Answer" on the post that helped you

Reply

Zhi Lv - MSF...

All-Star

44731 Points

6740 Posts

Microsoft

Re: ASP button does not fire event after return true from JS function

Mar 08, 2017 09:09 AM|Zhi Lv - MSFT|LINK

Hi Embryologist,

As KaushaL said, you could set the Ajax async to false. Besides, I think you could also try to add a hidden button in your page.

Then use js code to click it when the WebMethod return true.

For example:

<script type="text/javascript">
        function AuthUsr() {
            var retResult = false;
            var obj = {};
            obj.Usrname = $.trim($("#username").val());
            obj.Pw = $.trim($("#password").val());
            $.ajax({
                type: "POST",
                url: "WebService1.asmx/AuthUsrEntry",
                data: JSON.stringify(obj),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (r) {
                    var serresp = r.d
                    if (serresp == false) {
                        alert(serresp);
                        retResult = false;
                    }
                    else {
                        retResult = true;
                        $("#login2").click();
                    }
                },
                error: function (data) {
                    retResult = false;
                }
            });
            return retResult;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:TextBox runat="server" ID="username" ClientIDMode="Static" />
            <asp:TextBox runat="server" ID="password" ClientIDMode="Static" />
            <asp:Button ID="cmdlogin" runat="server" Text="Sign in" CssClass=" pushed button btn-blue" ClientIDMode="Static"
                OnClientClick="return AuthUsr();" Style="display: block; margin-right: auto; margin-left: auto" />
           <asp:Button ID="login2" OnClick="cmdlogin_Click" style="display: none;"  runat="server"/>
        </div>
    </form>
</body>

Best regards,
Dillion

MSDN Community Support
Please remember to click "Mark as Answer" the responses that resolved your issue.
If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.

ASP button does not fire event after return true from JS function [Answered]RSS

11 replies

Shortcuts

Related Links

ASP button does not fire event after return true from JS function

Re: ASP button does not fire event after return true from JS function

Embryologist

Re: ASP button does not fire event after return true from JS function

Re: ASP button does not fire event after return true from JS function

Re: ASP button does not fire event after return true from JS function

Re: ASP button does not fire event after return true from JS function

Re: ASP button does not fire event after return true from JS function

Embryologist

Re: ASP button does not fire event after return true from JS function

Embryologist

Re: ASP button does not fire event after return true from JS function

Re: ASP button does not fire event after return true from JS function

Re: ASP button does not fire event after return true from JS function

Re: ASP button does not fire event after return true from JS function