forum

Home / DeveloperSection / Forums / Data loading text on button

Ask Question

Data loading text on button

Manish Kumar 1390 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 ..


jquery jquery  html  bootstrap  mvc 
Updated on 28-Nov-2017
Manish Kumar

Manish Kumar

Follow

Can you answer this question?

Answer

1 Answers

Sunil Singh

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>


Liked By