使用html和JQuery制作登录网页的示例

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

创新互联公司是一家网站设计公司，集创意、互联网应用、软件技术为一体的创意网站建设服务商，主营产品：成都响应式网站建设、品牌网站制作、成都全网营销推广。我们专注企业品牌在网站中的整体树立，网络互动的体验，以及在手机等移动端的优质呈现。成都网站设计、成都网站制作、移动互联产品、网络运营、VI设计、云产品.运维为核心业务。为用户提供一站式解决方案，我们深知市场的竞争激烈，认真对待每位客户，为客户提供赏析悦目的作品，网站的价值服务。

代码如下：

    
    
    
    
    

    
        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制作登录网页的示例”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!