फॉर्म सबमिट करने से पहले Jquery

Question

मेरे पास एक सूची है, (एक साधारण सूची) जिसमें से मैं तत्वों (जेएस का उपयोग करके) चुनने और सेट करने में सक्षम हूं, और फिर एक ऐसा फॉर्म जो मुझे चुनने की अनुमति देता है कि मैं कितने तत्व चाहता हूं, और एक फॉर्म सबमिट करें। अगर कोई तत्व का चयन नहीं करता है, तो एक ऐसी स्क्रिप्ट है जो अपवाद फेंकता है। समस्या यह है कि मैं चाहता हूं कि फ़ॉर्म सबमिट नहीं होता है, अगर कोई तत्व नहीं चुना गया है, लेकिन अपवाद फेंक नहीं है, लेकिन मुझे सबमिट बटन (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 का उपयोग करके सबमिशन को रोक सकते हैं। यहाँ एक उदाहरण है:

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

    // ... continue work 
}); 

और यहाँ एचटीएमएल है:

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

आप jQuery का उपयोग नहीं करना चाहते हैं, आप भी प्रस्तुत घटना सादे जावास्क्रिप्ट के साथ इतना की तरह संभाल कर सकते हैं:

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