window.location.href no funciona en el formulario onsubmit

Question

Así que tengo un formulario, y onsubmit="return reg_check(this)" donde reg_check() es una función javascript en el encabezado que se supone que verifica los datos del formulario, y ya que una de sus tareas es verificar si el nombre de usuario está en la base de datos que requiere php, quiero redireccionar a una página php que hace esta tarea.

El problema es: window.location.href no funciona! Aquí está la función (versión reducida) y por supuesto el main.php es sólo una página al azar que me dieron:

function reg_check(myForm) { 
    alert("before redirect.."); 
    window.location.href = "http://localhost/main.php?width=" + screen.width + "&height=" + screen.height; 
    alert("after redirect.."); 
} 

Los before redirect y after redirect alertas funcionan, simplemente no redirigir? Permanece en la misma página.

También, si lo intentara volver a dirigir desde el cuerpo con solo teclear:

<script type="text/javascript"> 
    alert("before redirect.."); 
    window.location.href = "http://localhost/main.php?width=" + screen.width + "&height=" + screen.height; 
    alert("after redirect.."); 
</script> 

redirecciona.

Alguna idea de cómo podría hacer que esto funcione?

Answer 1

Necesitas return false; de su función reg_check y luego en su onsubmit, cambiarlo a:

onsubmit="return reg_check(this);" 

Esto cancelará el envío del formulario. Y si desea dejar que el formulario se envíe de forma normal, simplemente devuelva true desde reg_check.

Editar (para ser más clara es necesario agregar return false; de ​​su función):

function reg_check(myForm) { 
    alert("before redirect.."); 
    window.location.href = "http://localhost/main.php?width=" + screen.width + "&height=" + screen.height; 
    return false; 
} 

Answer 2

que he visto problemas en IE donde he tenido que hacer lo siguiente:

window.location.assign(url); 

Específicamente dentro de un manejador de éxito jQuery AJAX. Realmente no puedo especular por qué, excepto para mí, funcionó.

En realidad lo hice

window.location.replace(url) 

que sustituye la página actual en la historia. Buen truco eso!

Answer 3

Tuve el mismo problema, pero encontré la respuesta aquí Javascript: window.location.href doesn't redirect when calling function within a function. Mi botón recargaba la página por defecto por lo que si se agrega una

event.PreventDefault(); 

a la función que debería funcionar.

Answer 4

[RESUELTO] Tuve un problema similar al redireccionar a alguna otra URL del script del cliente. Se implementó la función window.open en su lugar y funcionó. Puede tener, por ejemplo, una función llamada ChangeCity() para su evento de control html que se llama con el evento onchange.

function ChangeCity() { 
    switch ($("#currentCity").val()) { 
     case "NY": 
       var url = '@Url.Action("New York City", "Home", new { @area = "" },Request.Url.Scheme)'; 
      window.location.href = url; 
      window.open(url,"_top"); 
      return false; 

/* cases otras ciudades */

} 

Es posible que quiera explorar detalles sobre window.location.href redirection -Alternative Solution