Cómo deshabilitar la acción de envío

Question

Hola tengo este formulario que no quiero realizar una acción cuando se hace clic en el botón Enviar. Todo lo que quiero hacer es realizar una función que carga datos en un div. ¿¿Algunas ideas??

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

o incluso mejor:

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

Para implementar loadXMLDoc, puede utilizar el módulo de ajax de jQuery. por ejemplo:

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

código final usando jQuery:

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

Answer 2

Creo que se necesita la función ajax para cargar datos con en div sin recarga de la página

Cambiar tipo de entrada submit a button

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

Ajax CAll:

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