Comment utiliser JavaScript/jQuery pour regarder les valeurs POST juste avant de soumettre

Question

Je suis bloqué. Mon entreprise est en train de refondre son site Web, mais je suis bloqué en essayant de résoudre un problème avec l'ancien site. J'ai besoin d'utiliser JavaScript ou jQuery.

Lorsqu'un formulaire est soumis, une clé POST est envoyée au serveur qui commence par "selectedItem_" suivi de l'ID de l'élément. La valeur qui y est attachée est le texte du bouton "Acheter ceci". La clé complète: paire de valeurs ressemble à quelque chose comme ceci:

selectedItem_IDME1KEXN_0_0 : "Buy This" 

Parce que la forme a plusieurs versions différentes du même article, celui qui a mis plusieurs ce programmés boutons sur la forme, chacun avec ce genre de clé. Il peut donc y avoir jusqu'à 4 ou 5 boutons qui sont presque identiques. Les valeurs attribuées aux eux le prix de actualy, comme ceci:

selectedItem_IDME1KEXN_0_0 : 93.95 
selectedItem_IDME2KEXN_0_0 : 99.95 
selectedItem_IDME3KEXN_0_0 : 114.95 
selectedItem_IDME4KEXN_0_0 : 119.95 

Tous ces éléments sont envoyés se au serveur, ce qui est à l'origine du serveur de choisir parfois la mauvaise valeur. (Et je ne sais pas pourquoi il a été programmé comme ça, je suis juste en train de traiter avec elle!)

MA QUESTION:

Comment puis-je utiliser JavaScript ou jQuery pour évaluer ce qui est actuellement stocké dans le POST avant d'être envoyé au serveur? J'adorerais parcourir les touches qui commencent par "selectedItem_" et retirer les mauvaises avant qu'elles ne soient envoyées.

Answer 1

Vous pouvez lier un événement à l'événement submit du formulaire et consulter les données.

var $form = $('form').first(); 
 

 
$form.on('submit', function(e) { 
 
    e.preventDefault(); 
 
    console.log($form.serializeArray()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form method="POST" action=""> 
 
    <input type="text" name="key1" /> 
 
    <input type="text" name="key2" /> 
 
    <input type="submit" /> 
 
</form>

Answer 2

Si toutes les données sont d'entrée balises de votre formulaire, essayez quelque chose comme ceci:

document.querySelector('form').addEventListener('submit', function (e) { 
    var input = document.querySelectorAll('input[name^="selectedItem_IDME"]'); 
    var valid = true; 
    for (var i = 0; i < input.length; i++) { 
     var item = input[i]; 
     if (Number(item.value) === 93.95) { 
      valid = false; 
      e.preventDefault(); 
     } 
    } 
});