HTML表单会跳过必填字段

时间:2016-01-05 23:15:38

标签: javascript jquery html simplecart

当我按下我的HTML代码提交时,即使我没有输入必填字段“电子邮件”,我也可以访问javascript。但是在我发送给脚本之前,我看到了“你需要填充这个”弹出窗口0.5秒。我需要做什么?似乎这可能是jquery中的一个问题? 哈里斯。

 <form class="form-horizontal" role="form">
     <div class="form-group">
         <label for="inputEmail" class="col-sm-3 control-label">Epost :</label>
         <div class="col-sm-9">
             <input type="email" class="form-control" id="inputEmail" placeholder="Epost" required="required">
         </div>
     </div>
     <div class="form-group">
         <div class="col-sm-offset-3 col-sm-3">
             <button type="submit" href="javascript:;" class="simpleCart_checkout">
                 <img src="/images/bla.png" alt="Kort">
             </button>
         </div>
     </div>
</form>

此表单在结帐中。在底部(payson图像)

被称为javascript:

 simpleCart({
    currency: "SEK",
    checkout: {
        type: "SendForm",
        url: "http://bla.com/checkout.php",
        method: "POST",
        currency: "SEK"


    },
    shippingCustom: function () {
        if (simpleCart.total() > 4500) {
            return 0;
        } else {
            return 0;
        }
    },

    cartStyle: "table",
    cartColumns: [
    /* Picture (same for every product right now) */
    /* Name */
        { attr: "name", label: "Produkt" },
        { view: "decrement", label: "Minska" },
        { attr: "quantity", label: "Kvantitet" },
        { view: "increment", label: "Höj" },
    /* Price */
        { attr: "price", label: "Pris", view: 'currency' },
        { attr: "total", label: "SubTotal", view: 'currency' },
    /* Remove */
        { view: "remove", text: "Ta bort", label: false }
    ]


});
simpleCart.bind('beforeCheckout', function (data) {
    data.email = document.getElementById("inputEmail").value;
});

1 个答案:

答案 0 :(得分:0)

尝试替换此行:

    <input type="email" class="form-control" id="inputEmail" placeholder="Epost" required="required">

用这个:

    <input type="email" class="form-control" id="inputEmail" placeholder="Epost" required />