BOOTSTRAP MODAL FORM VALIDATION

[manugi]

Hello,
I have a form in a bootstrap modal (not Magnific Popup modal)
but the jQuery Validation plugin isn’t working and if I click on the submit button the form is submitted without any control.

The form is sumbitted via JS script and an AJAX call.

How can I do? Please consider that I cannot use the Mangific Popup modals because the TinyMCE textareas don’t work in Magnific Popup as you suggested to me in a previous ticket.
Can you help me?

Thank you in advance and best regards.

---

Template Version: 3.0.0

[Support]

Hello,

At really the code you are trying it’s not using the jQuery validation plugin.

Please try changing the code below:

$(function() {
	$('#btnAggiuntaIndirizzo').on('click', function(e) {
		e.preventDefault();
		var persona_attiva_id = $.cookie("persona_attiva_id");
		var persona_indirizzo_indirizzo_a = $('#persona_indirizzo_indirizzo_a').val();
		var persona_indirizzo_cap_a = $('#persona_indirizzo_cap_a').val();
		var persona_indirizzo_citta_a = $('#persona_indirizzo_citta_a').val();
		var persona_indirizzo_provincia_a = $('#persona_indirizzo_provincia_a').val();
		var persona_indirizzo_nazione_id_a = $('#persona_indirizzo_nazione_id_a').val();
		
		$.ajax({
			type: "POST",
			url: "apps/persone-indirizzi-am.php",
			data: "am=10&persona_attiva_id=" + persona_attiva_id + "&persona_indirizzo_indirizzo=" + persona_indirizzo_indirizzo_a + "&persona_indirizzo_cap=" + persona_indirizzo_cap_a + "&persona_indirizzo_citta=" + persona_indirizzo_citta_a + "&persona_indirizzo_provincia=" + persona_indirizzo_provincia_a + "&persona_indirizzo_nazione_id=" + persona_indirizzo_nazione_id_a,
			success: function(data) {
				$('#modalPersoneIndirizziA').modal('hide');
				parent.location.reload();
			},
			error: function() {
				alert("Errore nell'aggiunta dell'indirizzo")
				$('#modalPersoneIndirizziA').modal('hide');
			}
		});
		return false;
	});
});

To this new:

$('#frmNuovoIndirizzo').validate({
	submitHandler: function(form) {
		var persona_attiva_id = $.cookie("persona_attiva_id");
		var persona_indirizzo_indirizzo_a = $('#persona_indirizzo_indirizzo_a').val();
		var persona_indirizzo_cap_a = $('#persona_indirizzo_cap_a').val();
		var persona_indirizzo_citta_a = $('#persona_indirizzo_citta_a').val();
		var persona_indirizzo_provincia_a = $('#persona_indirizzo_provincia_a').val();
		var persona_indirizzo_nazione_id_a = $('#persona_indirizzo_nazione_id_a').val();
		
		$.ajax({
			type: "POST",
			url: "apps/persone-indirizzi-am.php",
			data: "am=10&persona_attiva_id=" + persona_attiva_id + "&persona_indirizzo_indirizzo=" + persona_indirizzo_indirizzo_a + "&persona_indirizzo_cap=" + persona_indirizzo_cap_a + "&persona_indirizzo_citta=" + persona_indirizzo_citta_a + "&persona_indirizzo_provincia=" + persona_indirizzo_provincia_a + "&persona_indirizzo_nazione_id=" + persona_indirizzo_nazione_id_a,
			success: function(data) {
				$('#modalPersoneIndirizziA').modal('hide');
				parent.location.reload();
			},
			error: function() {
				alert("Errore nell'aggiunta dell'indirizzo")
				$('#modalPersoneIndirizziA').modal('hide');
			}
		});
		return false;
	}
});

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto Admin and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Author]

Posts