登陆、注册、忘记密码、记住密码、搜索

最新推荐文章于 2024-04-03 09:45:49 发布

热爱前端的小君同学

最新推荐文章于 2024-04-03 09:45:49 发布

阅读量3.2k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_37815596/article/details/82996013

版权

前端专栏收录该内容

105 篇文章 4 订阅

订阅专栏

一、注册

html

<form id="register-form">                    
    <input type="email" name="email" class="email" id="registeremail" placeholder="E-mail*">
    <input type="password" name="password" class="psw" id="registerpsw" placeholder="Password*">  
    <input type="password" name="cpassword" class="cpsw" id="registercpsw" placeholder="Confirm password*">  
    <button class="creat" id="registercreat">create account</button>
    <p class="sendStatus"></p>                       
</form>

<script>
	$("#register-form").submit(function(e){         
        e.preventDefault();         
        var data = {}           
        var logEmail = $("#registeremail").val();            
        var logPwd = $("#registerpsw").val();          
        var logPwd2 = $("#registercpsw").val();         
        data.username = logEmail;           
        data.password = logPwd;         
        data.Pwd2 = logPwd2;            
        // var parameter = JSON.stringify(data);           
        var parameter = data;           
        $(".sendStatus").show();           
        $.ajax({                
            url: '/user/register',               
            method: "POST",             
            data: parameter,                
            success: function(res) {                    
                $(".sendStatus").html(res.msg);       
                $("#registeremail").val("");                 
                $("#registerpsw").val("");                    
                $("#registercpsw").val("");              
            }           
        });     
    });
</script>

二、搜索

html

<form action="/product/search" method="post">
    <input type="text" class="h-search" name="search" placeholder="Search">
    <button type="submit" class="s-submit">Search</button>
</form>

无js代码

三、登陆

html

<form action="" id="login-form">                
    <input type="email" name="account" class="email" placeholder="E-mail*" id="log-email">
    <input type="password" name="password" class="psw" placeholder="Password*" id="log-pwd"> 
    <!-- <span class="rem_box"><em class="remem active"></em>Remember me</span> -->
    <input type="hidden" name="remember" class="remember">
    <button type="submit" class="log-btn">Log on</button>
    <p class="sendStatus"></p>                                    
</form>

<script>
	$("#login-form").submit(function(e){         
        e.preventDefault();         
        var data = {}           
        var logEmail = $("#log-email").val();            
        var logPwd = $("#log-pwd").val();    
        data.account = logEmail;
        data.password = logPwd;
        var parameter = data;
        $(".sendStatus").show();
        $.ajax({
            url: '/user/login',
            method: "POST",
            data: parameter,
            success: function(res) {
	            $(".sendStatus").html(res.msg);
	            $("#log-email").val("");
	            $("#log-pwd").val("");
            }
        });
    });
</script>

html