Perte du bouton entre JavaScript et PHP
Bonjour,
Dans un écouteur JS, j'ai un bouton qui s'affiche dans la console mais qui n'est pas transmis au fichier de traitement du formulaire. Pourquoi?
Code source simplifié généré par PHP:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| <form method="post" name="tabForm" action="http://.../frontend/mainFormHandler.php" data-tab="employee">
<input type="hidden" name="id" value="3677">
<div class="formFlex">
<div>
<label for="gender" class="required">Civilité</label><select name='gender' id='gender' required='required'><option value='' label='< ---- >'></option><option value='1'>Madame</option><option value='2' selected='selected'>Monsieur</option></select><br>
<label for="firstname">Prénom</label><input type="text" id="firstname" name="firstname" value="Jean-Philippe"><br>
<label for="familyname" class="required">Nom</label><input type="text" id="familyname" name="familyname" value="Xxxxx" required><br>
<label for="department">Service</label><input type="text" id="department" name="department" value=""><br>
</div>
<div>
<br>
<input type='submit' name='movElem' value='Transférer' title='Transférer vers un autre client ou établissement.'><br>
<input type='submit' name='delElem' value='Supprimer'><br>
<input type='submit' name='VCFElem' value='Carte de visite' title='Crée une carte de visite virtuelle au format VCF.'><br>
</div>
</div>
</form> |
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
| if(tabForms.length){
tabForms.forEach(function(curForm){
// confirm before deleting
curForm.delElem.addEventListener('click', function(e) {
e.preventDefault();
console.log(this); // return button delElem
console.log(this.form); // return form
alert(this.name); // display name 'delElem' of button
alert(this.value); // display 'Supprimer'
if (confirm(messagesJS.empl)) {
curForm.submit();
}
}, false );
});
} |
Affichage var_dump($_POST) dans 'mainFormHandler.php'
Citation:
array (size=12)
'id' => string '3677' (length=4)
'gender' => string '2' (length=1)
'firstname' => string 'Jean-Philippe' (length=13)
'familyname' => string 'Xxxxx' (length=6)
'department' => string '' (length=0)