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

时间:2015-02-15 01:37:01

标签: javascript jquery forms

我有一个带输入的表单和一个提交按钮(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();
}); 
})

页面网址为:http://www.unlocker.co.il/shop/sim-unlock-htc-mobile-device/

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

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

修改

更具体地说明您的第一个表单...(请注意idclass的输入更改)

<form id="unlock1" class="cart" enctype="multipart/form-data" method="post" name="unlock">
        <input class="the_imei" style="width: 80%; border-radius: 15px;" name="the_imei" type="text" value="" placeholder="מספר סידורי IMEI של המכשיר (חייג #06#*)"><br>
        <input class="add-to-cart" name="add-to-cart" type="hidden" value="39"><br>
        <button class="unlockButton" type="submit" value="submit">פתח לכל הרשתות בישראל </button>
</form>

然后为你的剧本......

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