javascript - HTML フォームが必須フィールドをスキップする

Question

HTMLコードで送信を押すと、必須フィールド「Eメール」に入力していなくても、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>

このフォームはチェックアウトにあります。一番下（ペイソン画像）

呼ばれる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;
});