带有输入和提交按钮的Multipile表单与Javascript具有相同的操作

我有一个带输入的表单和一个提交按钮（Javascript），我复制表单3次以创建3个不同的选项，虽然这些选项使用相同的Javascript输入错误和提交，这导致给我一个错误，如果我没有在页面上的第一个表单上输入值，而我正在尝试使用第二个或第三个表单。

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(); }); }) 

页面URL为： http ： //www.unlocker.co.il/shop/sim-unlock-htc-mobile-device/

谢谢你的帮助

Answer 1

首先想到的是，如果您只是通过复制和粘贴表单代码来复制表单，那么您是否正在复制任何ID。 ID必须是唯一的。 如果您有多个具有相同名称的ID，则Javascript将只识别页面中的第一个ID。

编辑：

更具体的第一个表单…（注意id到class的输入更改）

 
 
 
 פתח לכל הרשתות בישראל   

然后为你的脚本……

  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(); }); })