Possible way to resolve conflict on click action button

Question

I am using bootstrap library on button:

<input type="submit" onclick="$(this).button('loading')" name="submit" data-loading-text="Loading..." class="btn btn-primary"/>

and this JsFiddle would describe my problem.

However i want to perform both the event synchronously. two event: 1. text area validation & 2. loading state of button

PS after button press, my page is getting reloaded, so no point to include button state 'reset'

Thanks in advance for help

Answer 1

finally got solution:

Either you can apply loading state on form submit event <form method="post" action="" onsubmit="$(this).find('.btn-primary').button('loading')"> , like this jSFiddle

or you it can also be handled by this JsFiddle