优点；用户操作感觉满意度高；
      仅javascript的html，实现多验证多功能，不用回传，效率高，用户体验好;
知识点：可视窗口的背景着，
div的任意绝对定位，
各种输入文本情况的确检测，
用js控制div的内容：innerHTML，
isNaN方法：判断字符串是否全是数字，
js实现延时自动跳转到另一页面，
接受上一页面的传来的信息，并判断，进行回应:request[“uid”]
login.html
将以下内容复制到文本中，改后缀名为.htm或html 即可看到显示结果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
    <title>homepage</title>
    <style type="text/css" >
      <!-- 可视窗口的背景着，div的任意绝对定位-->
        body
        {
            background-color:#bbffcc;
            }
        .logindiv
        {
            background-color:#68a945;
            position :absolute ;
              margin-top :200px;
              margin-left:200px; 
            }
    </style>
    <script language="javascript"  type="text/javascript">
//        各种情况输入情况的准确检测，页面的运行状态尽在掌握之中
//        用js控制div的内容：innerHTML
//      isNaN:如果是非数字，则返回true;如果全是数字则返回false 为is not a number首字母缩写
        function checkuid()
        {
            if (uid .value =="")
            {
                uiddiv .innerHTML ="<span style='color:Red;'>帐号不能为空?^_^</span>";
            }
              if (uid .value!=""&&isNaN(uid.value))
            {
                uiddiv .innerHTML ="<span style='color:Red;'>帐号必须全是数字?^_^</span>";
            }
            if (uid .value!=""&&!isNaN(uid.value))
            {
                uiddiv .innerHTML ="正确！";
            }
        }
        function checkpwd()
        {
            if (pwd.value=="")
            {
                pwddiv .innerHTML ="<span style='color:Red;'>密码不能为空?^_^</span>";
            }
              if (pwd.value!="")
            {
                pwddiv .innerHTML ="正确！";
            }
        }
        function checklogin()
        {
            //uid
            if (uid .value =="")
            {
                uiddiv .innerHTML ="<span style='color:Red;'>帐号不能为空?^_^</span>";
            }
            if (uid .value!=""&&isNaN(uid.value))
            {
                uiddiv .innerHTML ="<span style='color:Red;'>帐号必须全是数字?^_^</span>";
            }
            if (uid .value!=""&&!isNaN(uid.value))
            {
                uiddiv .innerHTML ="";
            }
            //pwd
            if (pwd.value=="")
            {
                pwddiv .innerHTML ="<span style='color:Red;'>密码不能为空?^_^</span>";
            }
            ifjs控制滚动条 (pwd.value!="")
            {
                pwddiv .innerHTML ="";
            }
            //uid pwd  js实现延时自动跳转到另一页面
            if(uid .value !=""&&!isNaN(uid.value)&&uid.value!="")
            {
                alert("！^_^");
                lgdiv.innerHTML ="<span style='color:Green;'>！^_^<br/>五秒后，自动跳转到个人主页</span>";
                setTimeout (" window.open('main.aspx?uid="+ uid.value+"');",5000);
//                setTimeout (" window.open('www.baidu/s?uid="+ uid.value+"');",5000);
//                window.open('www.baidu/s?wd=js+%CC%F8%D7%AA&oq=js+&rsp=6&f=3&sugT=6203');
            }
        }
       
    </script>
</head>
<body>
    <!--onblur事件：用于检查输入文本格式，试一试，用户操作满意度很高！！-->
  <!-- 用户只要鼠标放到任意文本框中，离开鼠标到另一位置时候发生以下情况：
    输入正确内容，则在旁边提示：正确；
    不输入或输入格式不正确的内容，则在旁边提示：出错信息-->
    <div class="logindiv">
        帐号：<input id="uid" type="text" onblur="checkuid();" /><div id="uiddiv"></div><br />
        密码：<input id="pwd" type="text" onblur="checkpwd();" /><div id="pwddiv"></div><br />
         
        <input id="lgbtn" type="button" value="登陆" onclick="checklogin();"/>
        <div id="lgdiv"></div><br />
    </div>
 
</body>
</html>
-------------------------------------------------------
main.aspx
<html xmlns="/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    </div>
    </form>
</body>
</html>
----------------------------------------------------------------------------
main.aspx.cs
public partial class _Default : System.Web.UI.Page
{
    //接受上一页面的传来的信息，并判断，进行回应:request[“uid”]
    //可用做欢迎页面，或中转页面
    protected void Page_Load(object sender, EventArgs e)
    {
        if (Request["uid"]!="")
        {
            Label1.Text = "欢迎你，" + Request["uid"]+"!";

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。