提交表单之前的Jquery

我有一个列表，（一个简单的列表），我可以从中选择和设置元素（使用js），然后是一个允许我选择我想要多少元素的表单，以及一个提交表单。如果没有选择一个元素，有一个抛出exception的脚本。 问题是我希望表单不提交，如果没有选择元素，但不抛出exception，而是向我显示提交按钮下的消息（使用jquery）。 我的脚本如下：

 
 stock_2 > 0):?> 
<a href="#" onclick='selecteazaElement(id; ?>,stock_2; ?>);'>label; ?>
  
label; ?>
  
  <form name="addtobasket" method="POST" action=" $sale->id)); ?>">   Alege numarul de produse  Adauga in cos
  

以及设置列表元素的js：

   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表单添加submit侦听器。 提交时，检查元素是否被选中，如果没有，则可以使用return false来阻止提交。 这是一个例子：

 $('#myForm').submit(function() { if (/* test case not true */) { $('#myError').show(); return false; } // ... continue work }); 

这是HTML：

如果您不想使用jQuery，您还可以使用纯JavaScript处理提交事件，如下所示：

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