群组首页 → Web前端 → javascript研究小组 → 论坛
发表回复

关与网页的页面跳转问题

ychnmz 2009-07-26
代码如下：
<html>
  <head><title>手机考试系统</title>
  <script language="JavaScript">
  function yonghu(){
        var name=window.form.name.value;
        var pw=window.form.password.value;     
       if(name=="")       
        {
        alert("用户名不能为空，请输入用户名！");
       
        }
       if(name!=""&&pw=="")
         {
         alert("密码不能为空，请输入密码！");
         }
       if(name!=""&&name!="123"&&pw!="")
         {
          alert("此用户不存在！");
         }
       if(pw!=""&&pw!="123"&&name=="123")
         {
         alert("密码错误！");
         }
       if(name=="123"&&pw=="123")
         {
         
         
         }
      
   
}
  </script> 
</head>
   <link href="css.css" rel="stylesheet" type="text/css"/>
   <body>
    <form align="center" name="form" method="post" onSubmit="yonghu()" class="a">
      <h1 align="center" class="a">WO3G手机考试系统</h1><br>
         <p>用户名:<input type="text" name="name"
            value=""  class="b"></p>
         <p>密&nbsp&nbsp码:<input type="password" name="password"
            value=""  class="b"></p>
         <p><input name="Submit" type="submit" class="c" 
             style="width:70; height:30"  value="登陆">
            <input type="button" value="退出" onClick="javascript:window.close();"
             style="width:70; height:30" class="c"></p>
    </form>
  </body>
</html>

在       if(name=="123"&&pw=="123"){    }中加什么代码，能使用户和密码都为123的时候点击登陆按钮就能跳转到另一个页面，还请哪为大哥大姐看看。
ychnmz 2009-07-27
哪位好新的人啊，看看吧。
Rowen 2009-07-27
window.open("http://www.baidu.com","_blank");
Jamson 2009-07-27
   if(name=="123"&&pw=="123")
         {
  alert("页面跳转！");
           window.location.href="http://www.iteye.com/";
// window.location.replace("http://www.iteye.com/");
         }

前提是：把提交按钮submit类型变成button类型，然后提交事件也可以不要了。

<p><input name="Submit" type="button" class="c" 
           style="width:70; height:30" value="登陆"
           onClick="yonghu()">
Jamson 2009-07-27 
<html> 
  <head><title>手机考试系统</title> 
  <script language="JavaScript"> 
  function yonghu(){ 
        var name=window.form.name.value; 
        var pw=window.form.password.value;      
       if(name=="")        
        { 
        alert("用户名不能为空，请输入用户名！"); 
        
        } 
       if(name!=""&&pw=="") 
         { 
         alert("密码不能为空，请输入密码！"); 
         } 
       if(name!=""&&name!="123"&&pw!="") 
         { 
          alert("此用户不存在！"); 
         } 
       if(pw!=""&&pw!="123"&&name=="123") 
         { 
         alert("密码错误！"); 
         } 
       if(name=="123"&&pw=="123") 
         {
	  alert("页面跳转！");
          window.location.href="http://www.iteye.com/";	
	 // window.location.replace("http://www.iteye.com/");
         } 
    
} 
  </script>  
</head> 
   <link href="css.css" rel="stylesheet" type="text/css"/> 
   <body> 
    <form action="http://www.baidu.com/" align="center" name="form" method="post" class="a"> 
      <h1 align="center" class="a">WO3G手机考试系统</h1><br> 
         <p>用户名:<input type="text" name="name" 
            value=""  class="b"></p> 
         <p>密&nbsp&nbsp码:<input type="password" name="password" 
            value=""  class="b"></p> 

	 <p><input name="Submit" type="button" class="c"  
             style="width:70; height:30" value="登陆" onClick="yonghu()">
<!--
         <p><input name="Submit" type="submit" class="c"  
             style="width:70; height:30"  value="登陆"> 
-->
            <input type="button" value="退出" onClick="javascript:window.close();" 
             style="width:70; height:30" class="c"></p> 
    </form> 
  </body> 
</html>
lt0604 2009-07-27
你的第二个if后面的判断写的都有问题。
風一樣的男子 2009-07-27 

  function yonghu(){
        var name=window.form.name.value;
        var pw=window.form.password.value;     
       if(name=="")       
        {
        alert("用户名不能为空，请输入用户名！");
       
        }
       if(name!=""&&pw=="")
         {
         alert("密码不能为空，请输入密码！");
         }
       if(name!=""&&name!="123"&&pw!="")
         {
          alert("此用户不存在！");
         }
       if(pw!=""&&pw!="123"&&name=="123")
         {
         alert("密码错误！");
         }
       if(name=="123"&&pw=="123")
         {
         form.action="你的URL";
         form.submit();
         }
     // return false;
   
}
qyongkang 2009-07-28
首先你这个js代码就很不好啊，怎么可以这么跳转啊。不过你要这么做也可以啊，稍微改下，最后每个判断里加个return,省的刷新。
<html>
  <head><title>手机考试系统</title>
  <script language="JavaScript">
  function yonghu(){
        var name=window.form.name.value;
        var pw=window.form.password.value;     
       if(name=="")       
        {
        alert("用户名不能为空，请输入用户名！");
        return false;
        }
       if(name!=""&&pw=="")
         {
         alert("密码不能为空，请输入密码！");
return false;
         }
       if(name!=""&&name!="123"&&pw!="")
         {
          alert("此用户不存在！");
  return false;
         }
       if(pw!=""&&pw!="123"&&name=="123")
         {
         alert("密码错误！");
return false;
         }
       if(name=="123"&&pw=="123")
         {
         
         window.open("http://www.baidu.com","_self");
         }
      
   
}
  </script> 
</head>
   <link href="css.css" rel="stylesheet" type="text/css"/>
   <body>
    <form align="center" name="form" method="post" onSubmit="return yonghu()" class="a">
      <h1 align="center" class="a">WO3G手机考试系统</h1><br>
         <p>用户名:<input type="text" name="name"
            value=""  class="b"></p>
         <p>密&nbsp&nbsp码:<input type="password" name="password"
            value=""  class="b"></p>
         <p><input name="Submit" type="submit" class="c" 
             style="width:70; height:30"  value="登陆">
            <input type="button" value="退出" onClick="javascript:window.close();"
             style="width:70; height:30" class="c"></p>
    </form>
  </body>
</html>
comeongood 2009-07-30

<html>
  <head><title>手机考试系统</title>
  <script language="JavaScript">
  function yonghu(){
        var name=window.form.name.value;
        var pw=window.form.password.value;     
       if(name=="")       
        {
        alert("用户名不能为空，请输入用户名！");
       
        }
       if(name!=""&&pw=="")
         {
         alert("密码不能为空，请输入密码！");
         }
       if(name!=""&&name!="123"&&pw!="")
         {
          alert("此用户不存在！");
         }
       if(pw!=""&&pw!="123"&&name=="123")
         {
         alert("密码错误！");
         }
       if(name=="123"&&pw=="123")
         {
          window.document.form.action="URI(**.do)";
          window.document.form.submit();
         }
      
   
}
  </script> 
</head>
   <link href="css.css" rel="stylesheet" type="text/css"/>
   <body>
    <form align="center" name="form" method="post" onSubmit="yonghu()" class="a">
      <h1 align="center" class="a">WO3G手机考试系统</h1><br>
         <p>用户名:<input type="text" name="name"
            value=""  class="b"></p>
         <p>密&nbsp&nbsp码:<input type="password" name="password"
            value=""  class="b"></p>
         <p><input name="Submit" type="button" class="c" 
             style="width:70; height:30"  value="登陆">
            <input type="button" value="退出" onClick="javascript:window.close();"
             style="width:70; height:30" class="c"></p>
    </form>
  </body>
</html>
ychnmz 2009-08-03
谢谢各位高手。
问题已解决。
发表回复
Global site tag (gtag.js) - Google Analytics