सबमिट कार्रवाई को अक्षम कैसे करें

Question

हाय मेरे पास यह फ़ॉर्म है कि सबमिट बटन क्लिक होने पर मैं कोई कार्रवाई नहीं करना चाहता हूं। मैं बस इतना करना चाहता हूं कि एक ऐसा फ़ंक्शन निष्पादित करता है जो डेटा को div में लोड करता है। कोई विचार??

<form method="POST" action="" id="search-form"> 
      <input type="text" name="keywords" /> 
      <input type="submit" value="Search" id="sButton" onclick="loadXMLDoc('file.xml')" /> 
</form> 

Answer 1

onclick="loadXMLDoc('file.xml'); return false;" 

या और भी बेहतर:

<script> 
    window.onload = function() { 
     document.getElementById("search-form").onsubmit = function() { 
      loadXMLDoc('file.xml'); 
      return false; 
     }; 
    }; 
</script> 

loadXMLDoc को लागू करने के लिए, आप jQuery में ajax मॉड्यूल का उपयोग कर सकते हैं। उदाहरण के लिए: jQuery का उपयोग कर

function loadXMLDoc() { 
    $("div").load("file.xml"); 
} 

अंतिम कोड:

<script> 
    $(function() { 
     $("#search-form").submit(function() { 
      $("div").load("file.xml"); 
      return false; 
     }); 
    }); 
</script> 

Answer 2

मैं तुम्हें ajax समारोह की जरूरत है डेटा

इनपुट बदलें प्रकार submitbutton

लिए पृष्ठ पुनः लोड बिना div में साथ लोड करने के लिए लगता है

<input type="button" value="Search" id="sButton" onclick="AjaxSend()" /> 

अजाक्स कैल:

<script type="text/javascript"> 
    function AjaxSend(){ 
     $.get('file.xml', function(data) { 
       $('div').html(data); 
      }); 
    } 
</script>