Como posso enviar um formulário no botão ao usar preventDefault ()?
Estou usando o jQuery's.preventDefault()
para evitar o envio de formulário quando os usuários clicam na tecla [ENTER]. O problema é que ele também interrompe o envio do formulário quando clico no botão enviar.
Eu vejo que existem muitos tópicos no Stackoverflow em relação a.preventDefault()
, mas nenhum deles resolve o meu problema.
Aqui está o código no qual estou trabalhando atualmente.
// Part of my form
<form id="subscription_order_form" class="" method="post" action="some_url">
<button id="btn_order" type="submit">Order</button>
</form>
// Prevent the form to be submitted on ENTER
$('#subscription_order_form').submit(function(e){
e.preventDefault();
});
// Controll data
$('#btn_order').click(function(){
checkMandatoryFields();
});
// Check mandatory fields before subitting:
function checkMandatoryFields(e){
// Code for testing here
// Set "error" message and abort submission
if(msg.length > 0) {
// Do something
} else {
//submit or trigger is not recognized as functions
$('#subscription_order_form').submit(); //.trigger('submit');
}
}
Alguém pode por favor dizer o que ele codificar para enviar o formulário no clique do botão é?