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....