提交表单之前的jquery

Question

我有一个列表（一个简单列表），我可以从中选择和设置元素（使用js），然后是一个表单，允许我选择多少个元素以及一个提交表单。如果没有选择一个元素，那么会有一个引发异常的脚本。问题是，我希望表单不提交，如果没有选择一个元素，但不抛出一个异常，但向我展示一个消息提交按钮（使用jQuery）。我下面的脚本：

<? foreach ($types as $type):?> 
<ul class = "product_types"> 
    <? if ($type->stock_2 > 0):?> 
    <li id = 'product_types'><a href="#" onclick='selecteazaElement(<?= $type->id; ?>,<?= $type->stock_2; ?>);'><?= $type->label; ?></a></li> 
    <? else: ?> 
    <li id = 'product_unavailable_types'><label><?= $type->label; ?></label></li> 
    <? endif; ?> 

</ul> 
<? endforeach; ?> 
<form name="addtobasket" method="POST" action="<?= Route::url('Add to Basket', array('sale_id' => $sale->id)); ?>"> 
    <input type="hidden" name="idOfSelectedItem" id="idOfSelectedItem" value="-1"> 
    <select name="number" id="number"> 
     <option value=0>Alege numarul de produse</option> </select> 
    <button type="submit" name = "submit" onclick="addtobasket";>Adauga in cos</button><br /> 
</form> 

和设置列表元素的JS：

<script type="text/javascript"> 
    function selecteazaElement(id,stock) 
    { 
    document.addtobasket.idOfSelectedItem.value=id; 
    window["canSubmit"] = true; 
    var number23=document.addtobasket.number; 
    number23.options.length=0; 
    if (stock>=6) 
    stock=6; 
    for (i=1;i<=stock;i++) 
    { 
//alert ('id: '+id+'; stock: '+stock); 
    number23.options[number23.options.length]=new Option(i, i); 
    } 
//window.status="my status"; 
} 

Answer 1

添加submit监听到窗体。提交时，请检查是否选择了某个元素，如果不是，则可以使用return false阻止提交。这里有一个例子：

​​

而这里的HTML：

<form id="myForm"> 
    <input type="text"/> 
    <input type="submit"/> 
</form> 

如果你不想使用jQuery，你也可以用普通的JavaScript处理提交事件，像这样：

var myform = document.getElementById('myForm'); 
myform.addEventListener('submit', function() { console.log('Submitted!'); return false; });