Jquery avant de soumettre le formulaire

J'ai une liste (une liste simple) à partir de laquelle je suis en mesure de sélectionner et de définir les éléments (à l'aide de js), et ensuite un formulaire qui me permet de choisir la façon dont beaucoup d'éléments que je veux, et de soumettre le formulaire.si l'on ne veut pas sélectionner un élément, il y a un script qui génère une exception. Le problème est que je veux que le formulaire n'a pas soumettre, si un élément n'est pas sélectionné, mais pas de lancer une exception, mais pour me montrer un message sur le bouton soumettre (à l'aide de jquery). mon script ci-dessous:

<? 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>

et le js qui définit les éléments de la liste:

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

source d'informationauteur dana

  1. 29

    Ajouter un submit auditeur à la forme. Quand il est soumis, pour vérifier si un élément est sélectionné, et si non, vous pouvez empêcher la présentation en utilisant return false. Voici un exemple:

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

    //... continue work
});

    Et voici le code HTML:

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

    Si vous ne souhaitez pas utiliser jQuery, vous pouvez également gérer l'événement submit avec du JavaScript comme ceci:

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