Error al validar con Jquery

[baxter]

Buen día a todos, mi problema es que al intentar validar un formulario, lo hace, pero recarga la página, he intentado pero no logro resolverlo, dejo el código, esperando que alguien pueda echarme una mano.

De antemano gracias.

Código:

<script language="javascript" src="jquery-1.6.js"></script>
<script language="javascript" src="jquery.validate.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function() {
    $().ajaxStart(function() {
        $('#loading').show();
        $('#resultado').hide();
    }).ajaxStop(function() {
        $('#loading').hide();
        $('#resultado').fadeIn('slow');
    });
		$("#bcliente").validate({
							rules: {
								    clave : "required"
					   			   },
								    messages : {
									   clave : "Se requiere la clave"
								   },

		});
    $('#bcliente').submit(function() {
        $.ajax({
            type: 'POST',
            beforeSend: $(this).validate(),
            url: $(this).attr('action'),
            data: $(this).serialize(),
            success: function(data) {
                $('#resultado').html(data);

            }
        })
        
        return false;
    }); 
})  
</script>

Código HTML:

<form action="datosventa.php" method="post" name="bcliente" id="bcliente">
  <p align="center">Clave del Artículo:<input type="text" name="clave" id="clave" class="required" minlength="2" >	
  </p>
  <p align="center">
  <input type="submit" name="submit" value="Buscar"></p>
</form> 

[hmvr414]

utiliza

Código Javascript:

$('#bcliente').submit(function(ev) {
  ev.preventDefault();
  ...
}
 

[baxter]

Muchas Gracias hmvr414, por fin pude agregando ev.preventDefault()

Te lo agradezco infinitamente.

Una cuestión más por vanidad que por necesidad, pero cómo puedo hacer para que el mensaje que debe aparecer en caso de que se envíe el formulario vacío "Se requiere la clave"
aparezca en la línea inferior y no a un lado del input type