javascript - data-disable-with button option doesn't work on Chrome

Question

The following HTML should disable and rename the button accordingly while submitting :

  <button data-disable-with="Please wait..." name="button" type="submit">Checkout</button>

But in myChrome browser it doesn't do anything. Anything I can do ?

My Chrome version is 30

Answer 1

data-disable-with can only be used in rails form element. But if you want to apply it on HTML form elements you can do something like as follows-

You can try data-loading-text="Loading..."along with a js code snippet.

$("#btn1").on("click", function(){
    $(this).button("loading");
})