[SOLUCIONADO] Evento keypress al presionar enter en caja de texto

[luis1]

Buenas tardes, tendrían la amabilidad de brindarme su guia para resolver lo siguiente:

tengo una caja de texto para buscar:

Código HTML:

<form action="#" method="get">
<input type="text" placeholder="Enter producto" name="searchfield" id="searchfield" />
 </form>
 

Al presionar enter se enlaza a lo siguiente:

Código Javascript:

$("#searchfield").keypress(function(event){  
 
     var keycode = (event.keyCode ? event.keyCode : event.which);  
 
            if(keycode == '13'){  
            if($("#searchfield").val().length>=1){
 
                  var search=$('#searchfield').val();
 
                       location.href="productos_personalizado.php?busq_produc="+search+"";
 
               }else
                                 {alert("Ingrese un campo de texto correcto");}
            
            }   
     });
 

Valida si el campo esta vació o no, si esta vació presenta una alerta, pero igual recarga la pagina y no quiero que pase eso si el campo esta vacio

Ademas esta es la forma correcta de tomar el valor:

Código Javascript:

location.href="productos_personalizado.php?busq_produc="+search+"";
 

Les agradezco sus comentarios....

[sintel_1]

Hola.

El comportamiento normal es hacer un submit al pulsar enter,
para evitarlo usa preventDefault() o return false despues del alert

Seria algo así:

Código:

$("#searchfield").keypress(function(event){     
         var keycode = (event.keyCode ? event.keyCode : event.which);      
                if(keycode == '13'){  
                event.preventDefault();
                if($("#searchfield").val().length>=1){     
                      var search=$('#searchfield').val();     
                           location.href="productos_personalizado.php?busq_produc="+search+"";     
                   }else{
                   alert("Ingrese un campo de texto correcto");}
                }   
         });

[luis1]

Gracias por responder, ya lo solucione con su ayuda...