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

￡神魔★判官ぃ 2022-05-08 08:34 367阅读 0赞

一、注册

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>

js

<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"> 
        
        <input type="hidden" name="remember" class="remember">
        <button type="submit" class="log-btn">Log on</button>
        <p class="sendStatus"></p>                                    
    </form>

js

<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

js

发表评论取消回复

表情：

评论列表（有 0 条评论，367人围观）

还没有评论，来说两句吧...

相关阅读

相关 CentOS7.X忘记登陆密码，修改密码

[CentOS6.X忘记登陆密码][CentOS6.X] RHEL7进入单用户方式和重置密码方式发生了较大变化，GRUB由b引导变成了ctrl+x引导。重置密码主要有...

痛定思痛。/ 2024年04月18日 14:30/ 0 赞/ 162 阅读

相关 CentOS6.X忘记登陆密码

实验环境：镜像：CentOS6.9 操作机：Windows10 环境：VMware Workstation -------------------...

超、凢脫俗/ 2024年04月18日 09:07/ 0 赞/ 137 阅读

相关 grafana 忘记登陆密码重置密码

grafana 重置密码 1，grafana 重置密码 1，grafana 重置密码 grafana-cli admin reset-admin-p

「爱情、让人受尽委屈。」/ 2023年02月18日 09:55/ 0 赞/ 146 阅读

相关【MySQL】——mysql root密码忘记如何登陆

一、前言有时候忘了mysql的管理员密码，无法连接上上mysql。其实mysql留有后路，让你在忘记密码的情况下依然能登陆数据库。二、操作 1）修改配

落日映苍穹つ/ 2022年12月30日 15:59/ 0 赞/ 344 阅读

相关 [问题已处理]-zabbix忘记登陆密码

导语：异地机房的zabbix密码没有交接。查看zabbix的配置zabbix.conf.php 找到mysql的账号密码 ![75c6c7379966cb0669

电玩女神/ 2022年12月21日 02:24/ 0 赞/ 211 阅读

相关 mysql 忘记密码ini_mysql 忘记密码

序言：以前学习mysql的时候，有时候忘记root密码问题，在网上有很多信息，但是都不是很完整，这里我通过无数次实验，共享一下重置root密码完整的方法。 windows

Bertha 。/ 2022年10月25日 01:44/ 0 赞/ 427 阅读

相关 ajax验证用户登陆及记住密码

一个人独自负责一个项目，正好记下以前没实现过的技术点，今天就从登陆功能开始，前端是js验证，后端是php脚本验证并且添加了记住密码功能。 ![SouthEast][

男娘i/ 2022年08月08日 06:22/ 0 赞/ 342 阅读

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

一、注册 html <form id="register-form"> <input type="email

￡神魔★判官ぃ/ 2022年05月08日 08:34/ 0 赞/ 368 阅读

相关 LuManager忘记后台登陆密码怎么办？

用请 phpMyAdmin 用root 用户登陆，然后找到 LuManager 数据库的lu\_users表，再找到相应的用户，如 zijidelu ，然后修改passw

落日映苍穹つ/ 2021年09月10日 06:42/ 0 赞/ 536 阅读

相关 Layui登陆记住密码

1.引入文件（jquery，jquery.cookie.js）注意顺序（未包含layui，自行添加） <script src="../lib/jquery-3

快来打我*/ 2021年08月13日 22:09/ 0 赞/ 971 阅读