Search code examples
javascriptjqueryhtmlcountdown

Disable/hide submit button after countdown timer finished

I am using jquery.countdown.min.js plugin. Below are the javascript code from webpage.

<script type="text/javascript">
        $('#example').countdown({
            date: '06/06/2015 10:16:59',
            offset: -8,
            day: 'Day',
            days: 'Days'
        }, function () {
            alert('Done!');
        });
    </script>

At the moment i There is a form on webpage along with Submit button. I want to hide/disable submit button.

Can you please advise me how to fulfill this?

Thanks

Solution

  • Use jQuery prop() or hide() like

    $('#example').countdown({
            date: '06/06/2015 10:16:59',
            offset: -8,
            day: 'Day',
            days: 'Days'
        }, function () {
            $('[type="submit"]').prop('disabled', true);
            //or $('[type="submit"]').hide();
        });