jQuery Girl
  1. jQuery Girl
  3. JQuery / Ajax: la validation avant l’envoi ne fonctionne pas
Intereting Posts
Ajouter une ligne dans jqgrid Regex pour permettre alphanumeric, -, _ et espace Amélioration d’une démonstration par glisser-déposer JQuery Expression RegEx ou sélecteur jQuery ne correspondant PAS aux liens «externes» dans href Comment envoyer une demande et recevoir une réponse en XML à l’aide de Jquery et Ajax Changer la langue de ReCaptcha OnClick Lire la valeur de la colonne cachée dans JQuery Appel de la fonction de script de contenu sur chrome.browserAction.onClicked Défilement du conteneur parent d’un élément sortingable / pouvant être déplacé lorsque son bord est atteint .animate () ne se déclenche pas si la page n’est pas ouverte récemment ou n’est pas actualisée Obtenir l’expéditeur dans jQuery Glissez-déposez le sorting des colonnes de la table avec jQuery jquery autocomplete avec sélection de catégorie Ajouter un contrôle personnalisé à dom à l’aide de dataTables avec bootstrap jQuery bascule div avec les boutons radio

JQuery / Ajax: la validation avant l’envoi ne fonctionne pas

J’ai ce script, qui fonctionne sans validation avant. J’ai inséré le script de validation et depuis, je ne travaille pas. Qu’est-ce que j’ai mal fait? De plus, les données du formulaire ne sont pas transférées dans la firebase database MYSQL. J’ai posté aussi mon script précédent sans validation et le script de validation séparément ci-dessous 

$(document).ready(function () { // just for the demos, avoids form submit $jQuery.validator.setDefaults({ debug: true, success: "valid" }); $( "#form-haftpflicht" ).validate({ rules: { versicherungsbeginn: { required: true }, erwachsene: { required: true }, kinder: { required: true }, besitzverhaltnisse: { required: true }, garantiesumme: { required: true }, geschlecht: { required: true }, vornamen: { required: true }, nachnamen: { required: true }, adresse: { required: true }, plz8: { required: true }, gemeinde8: { required: true }, kanton8: { required: true }, geburtsdatum: { required: true }, nationalitat: { required: true }, telefon: { required: true }, email: { required: true } }, $("#store-haftpflicht").click(function () { $("#form-haftpflicht").submit(); }); $("#form-haftpflicht").submit(function (event) { event.preventDefault(); $("#ajax-loader").css("display", "block"); $.ajax({ url: 'http://app.lovanet.ch/app/store_haftpflicht.php', data: $(this).serialize(), method: 'POST', success: function (data, status) { $("#ajax-loader").css("display", "none"); }, error: function () { output.text('Keine Prämien gefunden.'); } }); }); }); });

Voici mon code, qui a bien fonctionné depuis la validation précédente: 

  $(document).ready(function () { $("#store-haftpflicht").click(function () { $("#form-haftpflicht").submit(); }); $("#form-haftpflicht").submit(function (event) { event.preventDefault(); $("#ajax-loader").css("display", "block"); $.ajax({ url: 'http://app.lovanet.ch/app/store_haftpflicht.php', data: $(this).serialize(), method: 'POST', success: function (data, status) { $("#ajax-loader").css("display", "none"); }, error: function () { output.text('Keine Prämien gefunden.'); } }); }); });

et voici le script de validation, que j’ai essayé d’intégrer dans le script de soumission. 

 $jQuery.validator.setDefaults({ debug: true, success: "valid" }); $( "#form-haftpflicht" ).validate({ rules: { versicherungsbeginn: { required: true }, erwachsene: { required: true }, kinder: { required: true }, besitzverhaltnisse: { required: true }, garantiesumme: { required: true }, geschlecht: { required: true }, vornamen: { required: true }, nachnamen: { required: true }, adresse: { required: true }, plz8: { required: true }, gemeinde8: { required: true }, kanton8: { required: true }, geburtsdatum: { required: true }, nationalitat: { required: true }, telefon: { required: true }, email: { required: true } }, });