HTML-форма проскакивает обязательные поля

Question

Когда я нажимаю кнопку отправки в свой HTML-код, я получаю доступ к javascript, даже если я не ввел обязательное поле «Электронная почта». Но я вижу, что litte «нужно заполнить это» всплывающее окно за 0,5 секунды, прежде чем он отправит меня в скрипт. Что мне нужно сделать? Похоже, что это проблема в jquery, может быть? Haris.

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

Answer 1

попытка заменить эту строку:

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

с этим:

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