Formulaires multistacks avec saisie et bouton d’envoi avec la même action avec Javascript

J’ai un formulaire avec saisie et un bouton d’envoi (Javascript), j’ai dupliqué le formulaire 3 fois afin de créer 3 options différentes, bien que ces options utilisent le même Javascript pour les erreurs de saisie et pour l’envoi, cela m’a donné une erreur si Je n’entre pas de valeur sur le premier formulaire de la page alors que j’essaie d’utiliser le deuxième ou le troisième formulaire.

le fichier JS:

jQuery(function($){ $('form#unlock').on('submit', function (e){ if($('#the_imei').val().length == 15){ if($('#the_imei').val().indexOf('9900') === 0){ alert('לפי המספר IMEI, ברשותכם מכשיר CDMA, אנא ראו מידע נוסף בעמוד פתיחת מכשירי CDMA'); window.location = 'http://www.unlocker.co.il/sim-unlock-cdma-mobile-device'; e.preventDefault(); } return; } alert('אנא מלאו מספר IMEI בעל 15 ספרות'); e.preventDefault(); }); }) 

Et l’URL de la page est la suivante: http://www.unlocker.co.il/shop/sim-unlock-htc-mobile-device/

Merci pour toute aide

La première chose qui vous est venue à l’esprit est que si vous dupliquez simplement le formulaire en copiant-collant le code du formulaire, c’est que vous dupliquez tous les identifiants. Les identifiants doivent être uniques. Si vous avez plus d’un identifiant du même nom, alors Javascript ne reconnaîtra que le premier de la page.

Modifier:

Pour être plus spécifique pour votre première forme … (notez l’entrée en entrée id de class )

 


Alors pour votre script …

  jQuery(function($){ $('form#unlock1').on('submit', function (e){ if($('form#unlock1 > input.the_imei').val().length == 15){ if($(this).val().indexOf('9900') === 0){ alert('לפי המספר IMEI, ברשותכם מכשיר CDMA, אנא ראו מידע נוסף בעמוד פתיחת מכשירי CDMA'); window.location = 'http://www.unlocker.co.il/sim-unlock-cdma-mobile-device'; e.preventDefault(); } return; } alert('אנא מלאו מספר IMEI בעל 15 ספרות'); e.preventDefault(); }); })