when ajax false in jquery-mobile. Why loader image not working at form submit in android default browser

Question

when ajax false in jquery-mobile. Why loader image not working at form submit in android default browser. I tried this code.

My Jquery Code for mobile website

$(document).bind("mobileinit", function(){
    $.mobile.ajaxEnabled = false;
});


$("form").validate({
        rules: {
            phone: { required:true,minlength: 10, maxlength:10 },
            zip: { required:true,minlength: 5, maxlength:5 },
            first_name:{required:true,lettersonly:true,minlength: 2},
            address:{required:true,minlength: 2, maxlength:200},
            last_name:{required:true,lettersonly:true,minlength: 2},
            email:{required:true,email:true}
        },
        errorElement:'div',
        errorClass: "warning",

        submitHandler: function(){

            $.mobile.loading( 'show' );
            form.submit();

            }

    });

because ajax is set to false. Image loader is a part of jQM Ajax navigation system. — Omar, Oct 01 '13 at 07:53

Ved · Answer 1 · 2013-10-01T09:53:53.467

0

Use this code for show loader
$.mobile.loadingMessageTextVisible = true;
$.mobile.showPageLoadingMsg("a", LOADING_MSG, false);


For Hide use this
$.mobile.hidePageLoadingMsg();



$.mobile.loading( "show", {
        text: msgText,
        textVisible: textVisible,
        theme: theme,
        textonly: textonly,
        html: html
});
Hide Msg
$.mobile.loading( "hide" );

`

edited Oct 01 '13 at 09:53

answered Oct 01 '13 at 08:41

Ved

2,701
2
22
30

this wont work when `$.mobile.ajaxEnabled = false;` and `$.mobile.showPageLoadingMsg()` is deprecated. Use `$.mobile.loading('show / hide')`. – Omar Oct 01 '13 at 08:43
which version of JM you are using? – Ved Oct 01 '13 at 08:58
I use 1.3.1 version of JM. – Nirav Patel Oct 01 '13 at 09:45

when ajax false in jquery-mobile. Why loader image not working at form submit in android default browser

1 Answers1