Default button in bootstrap modal dialog

Question

I am trying to set the default button in a bootstrap modal. Here is the code: http://plnkr.co/edit/1aLlDdL8WfkUrBVt4q31?p=preview

In the modal window, I want the Submit button to be the default.

I tried to follow code but did not work.

$("#userNameModal").keyup(function(event){
       if(event.keyCode == 13){
           $("#submitUserNameBtn").click();
       }
});

Any help is appreciated.

Answer 1

Wrap the code with <form> and set correct button types: type="submit" for Submit button and type="button" for other ones.

The modified plunker: http://plnkr.co/edit/XD2UzlBnPbBafWmWfTg0?p=preview