I would be interested to know if I can cancel or prevent the button submit from reaching the controller. As before the jquery .click event is executed, you may be able to do something about it and thus prevent it from continuing its execution. Thanks
The submit is an event that "technically" belongs to api of pure javascript, not JQuery as such.
Bind an event handler to the "submit" JavaScript event, or trigger that event on an element.
JQuery does normalize events according to the standard W3C ensuring that everything works as it should, that's why that and other events exist within the API.
The jQuery's event system normalizes the event object according to the W3C standards. It is guaranteed that the object is passed to the event handler. Most properties of the original event are copied and normalized in the new event object.
If you want to cancel it you should start knowing that all events are not cancelable , submit fortunately if it is. To cancel it, use preventDefault internally invoking native event.prevenDefault () which will cancel the event.
$("#myFormulario").on('submit', function(evt){
evt.preventDefault();
// tu codigo aqui
});
You should also know that the events are propagated, that is, if you have one element inside another and an event is triggered inside the inner element, it will propagate to the external one. If both have associated events, both will be executed. The way to stop this happening is with event.stopPropagation () but fortunately in html put an html form inside another is illegal 1 so in this case you do not have to worry about the event spreading.
With jquery you can control the submit if you use
$("form").submit(function(e){
e.preventDefault();
//resto código
});
with the use of preventDefault you can avoid the action of submit and perform some other action you need