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>