这篇文章主要介绍了使用html和JQuery制作登录网页的示例，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

代码如下：

    
    
    
    
    

    
        function showmsg(msgdata) {
            $("#msginfo").hide();
            $("#msginfo").html("" + msgdata + "");
            $("#msginfo").show(1000);
        }

        $().ready(function() {
            $("#login").click(function() {
                var user = $("#inputEmail").val();                var pwd = $("#inputPassword").val();                if (user == "" || pwd == "") {
                    showmsg("please input email and password");                    return;
                }

                $.post("login.do", {
                    email:user,
                    pwd:pwd
                },                function(data, status){
                    if (data == "loginok") {
                        location.href = "welcome.jsp";
                    } else {
                        showmsg(data);
                    }
                });
            });
        })    
    
        
            
                

                    Home
                
                
                    LOGIN                
            
        

    

    
        
            

            
        

        
            
                

                    Welcome to Sp4 System                
            

            
                
                    Email
                    
                        
                    

                

                
                    Password
                    
                        
                    

                

                
                    
                        
                            Remember me
                        

                    

                

                
                    
                        Sign in
                    

                    
                        
                    

                

            


        

        
        

    

感谢你能够认真阅读完这篇文章，希望小编分享的“使用html和JQuery制作登录网页的示例”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。