Data loading text on button

Manish Kumar 1723 27 Nov 2017

<body>

    <button type="submit" onclick="MyCustomFunction()" id="submit" class="btn btn-primary btn-lg mt-2" data-loading-text="Sending...">Submit message!</button>

</body>

I'm trying to add data-loading-text to my submit button, but it is not working ..

Manish Kumar

Other

1 Answers

Sunil Singh 28 Nov 2017

Hi Manish..

You can try this...

<head>

    <style></style>

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

    <script>

        function MyCustomFunction(){

            $("#submit").text("Loading...");

            $(this).submit('loading').delay(1000).queue(function () {

                // $(this).button('reset');

            });

        }

    </script>

</head>

<body>

    <button type="submit" onclick="MyCustomFunction()" id="submit" class="btn btn-primary btn-lg mt-2" data-loading-text="Sending...">Submit message!</button>

</body>

</html>

forum

Data loading text on button

Can you answer this question?

1 Answers