在IE中导致问题的表单名称属性

时间:2016-08-11 13:13:25

标签: javascript jquery html html5 2checkout

当我将表单值提交到2检查支付网关时,我收到PE101错误(即要求值未通过)。 在调试了我的代码后,我才知道PE101错误导致只在IE中出现问题因为name属性为空值。 相同的代码在Chrome中工作,但当我在IE中尝试时,Edge会导致问题。 任何人都可以请告诉我为什么2检查支付网关没有采取从IE中没有名称属性的表单值。

              $("#idNavPremimum").click(function() {
                alert("k");
                $("input[name*='quantity']").val("88");
                $("input[name*='li_0_price']").val("99");
                $("input[name*='email']").val("uday.a@gmail.com");
                $("#payment").submit();
        
              });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
            <form id="payment" action='https://sandbox.2checkout.com/checkout/purchase' method='post'>
              <div class="form-group">

                <label for="quantity" class="col-md-1 control-label">No. of users</label>
                <div class="col-md-2">
                  <!----------------------This control causing the issue--------------------->
                  <input type="text" maxlength="3" class="form-control specialCharRestrict" id="quantity" name="">
                  <!----------------------This control causing the issue ends--------------------->
                </div>
                <label for="ddlPriceCalcMonths" class="col-md-1 control-label">No. of months</label>
                <div class="col-md-2">
                  <select id="ddlPriceCalcMonths" class="form-control clsPriceValDetails" disabled>
                    <option value="1">1</option>
                    <option value="3">3</option>
                    <option value="6">6</option>
                    <option value="12">12</option>
                  </select>
                </div>
                <label for="txtTotalPrice" class="col-md-1 control-label">Total price</label>
                <div class="col-md-2">
                  <input type="text" class="form-control clsPriceVal" id="txtTotalPrice" readonly/>
                </div>
                <!--<input type='hidden' name='sid' value='901286127' />-->
                <input type='hidden' name='sid' value='901286127' />
                <input type='hidden' name='mode' value='2CO' />
                <input type="hidden" name="currency_code" value="USD" />

                <input type='hidden' name='li_0_type' value='product'>
                <input type='hidden' name='li_0_name' value='Webstation Premium'>
                <input type='hidden' name='li_0_price' value='20'>
                <input type='hidden' name='li_0_quantity' value='2'>
                <input type='hidden' name='li_0_tangible' value='N'>
                <input type='hidden' name='email' value='uday.a@gmail.com'>
                <input type='hidden' name='fixed' value='Y' />
                <input type='hidden' name='x_receipt_link_url' value='http://webstation.osmosystems.com/' />

              </div>

            </form>
            <div class="form-group">
              <button class="button-style btnPos" type='button' data-toggle="modal" data-target="#divwebstationForm" id="idNavPremimum"><i class="fa fa-android fa-fw"></i> BUY NOW <i class="fa fa-cloud-download fa-fw"></i></button>
            </div>

1 个答案:

答案 0 :(得分:1)

这是由于IE实现了表单行为。

根据MS specs name参数对于文本等输入是必需的。 提交表单时的IE考虑了没有名称属性的输入 - 这意味着它们包含在请求的Content-Length标题中以及FormData包含空行。

另一方面,Chrome,FF,如果他们遇到没有name的输入,他们就会忽略它。

总结一下 - 要使其在IE上运行,您需要放置name属性。