I've spent hours trying to figure this out, but the solution is just adding the type="button" attribute to the button element. Issue. <button id="generateButton" class="btn btn-info btn-sm">Generate</button> Solution <button id="generateButton" type="button" class="btn btn-info btn-sm">Generate</button> I got the solution from this post on SOF. http://stackoverflow.com/questions/12325066/button-click-event-fires-when-pressing-enter-key-in-different-input-no-forms
C# VB.Net DOTNETNUKE EntityFramework jQuery Ionic Vuejs