jQuery Girl
  1. jQuery Girl
  3. Jquery avant de soumettre le formulaire
Intereting Posts
Liste non ordonnée – position de l’élément de la liste Basculer classe sur événement de clic de souris Taille de la zone de texte du pageur jqGrid Comment charger du Javascript supplémentaire dans le traitement Datatable Server? THEAD et TBODY inclus sur cette table Comment append eventlistener à un object dans une balise d’object HTML? La page saute en cliquant sur l’image miniature-2 Remplacez chaque mot des paragraphes de la page Web par un bouton contenant ce texte Jquery draggable position – clone Vidéo muet / muet avec jQuery Quelle est l’équivalent mais plus idiomatique de eval () dans jQuery? Uncaught TypeError: Object.keys appelé sur un non-object lors d’une tentative d’access à un object Jquery / Ajax Actualiser sans recharger ou charger la page? comment appeler un ActionResult de Jquery préchargement de l’image de fond jQuery

Jquery avant de soumettre le formulaire

J’ai une liste (une liste simple) à partir de laquelle je suis en mesure de sélectionner et de définir des éléments (avec js), puis un formulaire qui me permet de choisir le nombre d’éléments que je veux et un formulaire de soumission. sélectionnez un élément, il y a un script qui lève une exception. Le problème est que je veux que le formulaire ne soit pas soumis, si un élément n’est pas sélectionné, mais ne lève pas d’exception, mais pour afficher un message via le bouton d’envoi (à l’aide de jquery). mon script ci-dessous: 

 
     stock_2 > 0):?> 
  • <a href="#" onclick='selecteazaElement(id; ?>,stock_2; ?>);'>label; ?>
    •   
    •   
  <form name="addtobasket" method="POST" action=" $sale->id)); ?>">   Alege numarul de produse

et le js qui définit les éléments de la liste: 

   function selecteazaElement(id,stock) { document.addtobasket.idOfSelectedItem.value=id; window["canSubmit"] = true; var number23=document.addtobasket.number; number23.options.length=0; if (stock>=6) stock=6; for (i=1;i<=stock;i++) { //alert ('id: '+id+'; stock: '+stock); number23.options[number23.options.length]=new Option(i, i); } //window.status="my status"; }

Ajoutez un écouteur de submit au formulaire. Lors de sa soumission, vérifiez si un élément est sélectionné et, dans le cas contraire, vous pouvez empêcher la soumission en utilisant return false . Voici un exemple: 

 $('#myForm').submit(function() { if (/* test case not true */) { $('#myError').show(); return false; } // ... continue work });

Et voici le code HTML:

Si vous ne souhaitez pas utiliser jQuery, vous pouvez également gérer l’événement submit avec JavaScript comme suit: 

 var myform = document.getElementById('myForm'); myform.addEventListener('submit', function() { console.log('Submitted!'); return false; });