Redirecionamento com javascript

13 respostas
L

Simplesmente o javascript nao redireciona p/ outra pagina.

<script language="javascript">
	
function valida(){
	var vlogin = document.form1.txtlogin.value;
	var vsenha = document.form1.txtsenha.value;
	
	if(vlogin == "a" && vsenha == "a"){
		
		
		window.location.replace('a.html');
		location.href="a.html"
		top.location = 'a.html';
		alert("Passou");
					
	}		
}

</script>

<html>

<head>


<title>Sistema De Gerenciamento de Metas</title>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />
</head>



<body bgcolor="#0066FF">

<center>
<table width="956" border="0">
  <tr>
    <td width="957" height="117"><img src="img/topo.JPG" width="950" height="149" /></td>
  </tr>
  <tr>
    <td height="310" bgcolor="#0066FF" valign="top">
    <table width="930" height="300" border="0">
      <tr>
        <td width="245">&nbsp;</td>
        <td width="400" valign="top">
        <table width="400" height="316"  bordercolor="#FFFFFF" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="107"><img src="img/login.JPG" width="425" height="116" /></td>
          </tr>
          <tr>
            <td height="200" bgcolor="#FFFFFF" valign="top" align="center"><p>&nbsp;</p>
              
              <form id="form1" name="form1" method="post" action="">
                <table width="90%" border="0">
                  <tr>
                    <td width="18%" align="right"><span id="sprytextfield1"> LOGIN<span class="textfieldRequiredMsg">A value is required.</span></span></td>
                    <td width="82%"><span id="sprytextfield2">
                      <input type="text" name="txtlogin" id="txtlogin" />
                      <span class="textfieldRequiredMsg">Informe seu login.</span></span></td>
                  </tr>
                  <tr>
                    <td align="right">SENHA</td>
                    <td><span id="sprypassword1">
                      <label for="txtsenha"></label>
                      <input type="password" name="txtsenha" id="txtsenha" />
                      <span class="passwordRequiredMsg">Informe sua senha.</span></span></td>
                  </tr>
                  <tr align="left">
                    <td colspan="2"><input type="submit" name="entrar" id="entrar" value="ENTRAR" 			                                    onclick="valida(document.form1.txtlogin.txtsenha)"/></td>
                    </tr>
                </table>
              </form>
              
<p>&nbsp;</p></td>
          </tr>
        </table></td>
        <td width="271">&nbsp;</td>
      </tr> 
    </table></td>
  </tr>
</table>
</center>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1");
</script>


</body>
</html>

13 Respostas

F

Cara não entendo muita coisa de javascript, mas um bom lugar para pesquisar é aqui!

Vê se não é esse exemplo que tu precisa!!

L

coloquei essa linha na validação

window.location.assign(“a.html”);

e msm assim n redireciona >.<

mais alguma sugestão?

F

http://www.w3schools.com/jsref/obj_location.asp
Essa é a referência da classe location…
Dá uma olhada nela…

F
<html>
	<head>
		<script language="javascript">  
			function valida(){  
				location.assign("http://www.google.com");
			}
		</script>
	</head>
	<body>
		<input type="button" value="Teste" onClick="valida()" />
	</body>
</html>

Eu fiz isso e deu certo…
E por que tu está mandando parametros para valida() se ela não recebe nada??

L

Meu objetivo e que ele receba o valor das area txtlogin e txtsenha e compare se for as duas igual a “a” ele manda p/ outra pagina

F

sim, isso eu entendi…
Só que tu faz a chamada ao metodo com parametro, mas o metodo nao recebe parametros…
Para o metodo receber parametros seria algo como:

function valida(login, senha){
   if(login == "a" && senha == "a"){
      location.assign("a.html"); //se for na net tem que ter http://
   }
//e tu chamaria o método assim:
<input type="submit" name="entrar" id="entrar" value="ENTRAR" onclick="valida(document.form1.txtlogin, document.form1.txtsenha)"/>
}

Entendeu? Dá uma olhada se não é isso!

L

continua passando direto aqui

testa ai no seu pc pra tu v

<html>

<head>
<script language="javascript">
	
function valida(login, senha){  
   if(login == "a" && senha == "a"){  
      location.assign("a.html"); 
	  
   }  		
}

</script>

<title>Sistema De Gerenciamento de Metas</title>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />
</head>



<body bgcolor="#0066FF">

<center>
<table width="956" border="0">
  <tr>
    <td width="957" height="117"><img src="img/topo.JPG" width="950" height="149" /></td>
  </tr>
  <tr>
    <td height="310" bgcolor="#0066FF" valign="top">
    <table width="930" height="300" border="0">
      <tr>
        <td width="245">&nbsp;</td>
        <td width="400" valign="top">
        <table width="400" height="316"  bordercolor="#FFFFFF" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="107"><img src="img/login.JPG" width="425" height="116" /></td>
          </tr>
          <tr>
            <td height="200" bgcolor="#FFFFFF" valign="top" align="center"><p>&nbsp;</p>
              
              <form id="form1" name="form1" method="post" action="">
                <table width="90%" border="0">
                  <tr>
                    <td width="18%" align="right"><span id="sprytextfield1"> LOGIN<span class="textfieldRequiredMsg">A value is required.</span></span></td>
                    <td width="82%"><span id="sprytextfield2">
                      <input type="text" name="txtlogin" id="txtlogin" />
                      <span class="textfieldRequiredMsg">Informe seu login.</span></span></td>
                  </tr>
                  <tr>
                    <td align="right">SENHA</td>
                    <td><span id="sprypassword1">
                      <label for="txtsenha"></label>
                      <input type="password" name="txtsenha" id="txtsenha" />
                      <span class="passwordRequiredMsg">Informe sua senha.</span></span></td>
                  </tr>
                  <tr align="left">
                    <td colspan="2"><input type="submit" name="entrar" id="entrar" value="ENTRAR" 			                          onclick"valida(document.form1.txtlogin,document.form1.txtsenha)"/> </td>
                    </tr>
                </table>
              </form>
              
<p>&nbsp;</p></td>
          </tr>
        </table></td>
        <td width="271">&nbsp;</td>
      </tr> 
    </table></td>
  </tr>
</table>
</center>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1");
</script>


</body>
</html>
D

O problema é este aqui

onclick"valida(document.form1.txtlogin,document.form1.txtsenha)"/>

Coloque esta ação no onsubmit da tag form, alterando para

onsubmit="return valida(document.form1.txtlogin,document.form1.txtsenha)"/>

E altere teu script, colocando retornos true ou false, na validação

G
cara tenta fazer o redirecionamento sem a função tipo:


// testa assim e manda atualizar se funcionar são os parametros que não estão passando na verificação no if
window.location.replace('a.html');   


function valida(){   
    var vlogin = document.form1.txtlogin.value;   
    var vsenha = document.form1.txtsenha.value;   
       
    if(vlogin == "a" && vsenha == "a"){   
           
           
           location.href="a.html"   
        top.location = 'a.html';   
        alert("Passou");   
                       
    }         
}
F

aeuhaueheuah
Muito Boa drsmachado
Esse “pequeno” detalhe passou despercebido!

L

gilnei, funcionou dessa forma,

o estranho e que se eu coloco dentro do if um alert, ele passa pelo if se eu coloco o redirecionamento dentro do if ele n funciona,

mas fora do if o redirecionamento funciona o.O

G

cara então faz assim:

if(vlogin == "a" && vsenha == "a"){     
          window.location.replace('a.html');                         
    }

se não funcionar manda imprimir o conteúdo de vlogin e vsenha e confere se está vindo ‘a’, provavelmente o valor está vindo errado.

L

ele imprime o valor correto, mas n quer jogar pra pagina
eu axo q vo desistir de fazer isso :P

meu codigo tah assim, ele faz td certo mas simplesmente qnd ta dentro do if ele nao funfa >.<

meu atual codigo ta assim

<script language="javascript">
	
function valida(){
	var vlogin = document.form1.txtlogin.value;
	var vsenha = document.form1.txtsenha.value;
	
	alert("Login: "+vlogin);
	if(vlogin == "a" && vsenha == "a"){
				
		window.location.replace('http://www.google.com.br/');
		alert("Login: "+vlogin);

		
	}
	
	
}

</script>

<html>

<head>


<title>Sistema De Gerenciamento de Metas</title>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />
</head>



<body bgcolor="#0066FF">

<center>
<table width="956" border="0">
  <tr>
    <td width="957" height="117"><img src="img/topo.JPG" width="950" height="149" /></td>
  </tr>
  <tr>
    <td height="310" bgcolor="#0066FF" valign="top">
    <table width="930" height="300" border="0">
      <tr>
        <td width="245">&nbsp;</td>
        <td width="400" valign="top">
        <table width="400" height="316"  bordercolor="#FFFFFF" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="107"><img src="img/login.JPG" width="425" height="116" /></td>
          </tr>
          <tr>
            <td height="200" bgcolor="#FFFFFF" valign="top" align="center"><p>&nbsp;</p>
              
              <form id="form1" name="form1" method="post" action="">
                <table width="90%" border="0">
                  <tr>
                    <td width="18%" align="right"><span id="sprytextfield1"> LOGIN<span class="textfieldRequiredMsg">A value is required.</span></span></td>
                    <td width="82%"><span id="sprytextfield2">
                      <input type="text" name="txtlogin" id="txtlogin" />
                      <span class="textfieldRequiredMsg">Informe seu login.</span></span></td>
                  </tr>
                  <tr>
                    <td align="right">SENHA</td>
                    <td><span id="sprypassword1">
                      <label for="txtsenha"></label>
                      <input type="password" name="txtsenha" id="txtsenha" />
                      <span class="passwordRequiredMsg">Informe sua senha.</span></span></td>
                  </tr>
                  <tr align="left">
                    <td colspan="2"><input type="submit" name="entrar" id="entrar" value="ENTRAR" 			                                    onclick="valida(document.form1.txtlogin.txtsenha)"/></td>
                    </tr>
                </table>
              </form>
              
<p>&nbsp;</p></td>
          </tr>
        </table></td>
        <td width="271">&nbsp;</td>
      </tr> 
    </table></td>
  </tr>
</table>
</center>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
var sprypassword1 = new Spry.Widget.ValidationPassword("sprypassword1");
</script>


</body>
</html>
Criado 27 de setembro de 2011
Ultima resposta 27 de set. de 2011
Respostas 13
Participantes 4