Question

155

jQuery blockUI not working

rated 0 times [ 157] [ 2] / answers: 1 / hits: 16669 / 9 Years ago, wed, april 22, 2015, 12:00:00

I'm trying to use blockUI but although it passes over with no errors, it doesn't work

the code below is all within the $(document).ready() function

$(#btnSaveJob).click(function () {



    if ($(#frmJobDetails).valid()) {

        $(#frmJobDetails).submit();

    }



});



$(#frmJobDetails).submit(function (e) {



    $('#jobDetails').block({

        message: 'Saving, please wait...',

        centerX: true,

        centerY: true,

        css: {

            width: '600px',

            height: '300px',

            border: '3px solid #FF9900',

            backgroundColor: '#000',

            color: '#fff',

            padding: '25px'

        }

    });



    submitNew('job');

    e.preventDefault();



    $('#jobDetails').unblock();

});

edit to add in the submitNew function

function submitNew(submitType) {





// various variables set here



    if (submitType == 'job') {

        PageMethods.SubmitJobForm(propID, dateReceived, 

targetResponse, targetComplete, chargeable, jobTypeID, 

jobTypeText, contractID, contractText, csJobTypeID, 

csJobTypeText, priorityID, priorityText, status, notes, 

fnsuccesscallbackJob, fnerrorcallback);

    }

    else if (submitType == 'instruction') {

        PageMethods.SubmitInstruction(fnsuccesscallbackInstruction,

fnerrorcallback);



    }

    else {



    }



}

have to add this bit in as editor complaining I've added too much code....

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

danar

Add To Favorites

Follow

Total Points: 271

Total Questions: 94

Total Answers: 93

Location: Ecuador

Member since Thu, Jun 4, 2020

4 Years ago

answered 9 Years ago leifw · Accepted Answer

Try this :

<script

    src=https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js></script>

<script type=text/javascript

    src=https://cdnjs.cloudflare.com/ajax/libs/jquery.blockUI/2.66.0-2013.10.09/jquery.blockUI.js>

</script>



<script>

$(document).ready(function() {



        $('#btnSubmit').on('click', function() {



            $('#form').validate({

                errorPlacement : function(error, element) {

                    error.insertBefore(element); // <- the default

                },



                rules : {

                    username : {

                        required : true

                    },

                    password : {

                        required : true,

                    },

                },

                messages : {

                    username : {

                        required :  Username required.

                    },

                    password : {

                        required :  Password required.

                    },

                },



            });

            if($('#form').valid()){

                $.blockUI({ message: 'Just a moment...</h1>' });

            }

        });



    });

</script>