首页 > 其他分享 >layui 注册模板--并且提示注册成功--太爽了

layui 注册模板--并且提示注册成功--太爽了

时间:2023-01-01 17:00:34浏览次数:41  
标签:form -- layui 太爽了 注册 msg data

<!doctype html>
<html class="x-admin-sm">
<head>
<meta charset="UTF-8">
<title>后台登录-X-admin2.2</title>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
<meta http-equiv="Cache-Control" content="no-siteapp"/>
<link rel="stylesheet" href="./css/font.css">
<link rel="stylesheet" href="./css/login.css">
<link rel="stylesheet" href="./css/xadmin.css">
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="./lib/layui/layui.js" charset="utf-8"></script>
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="login-bg">
<div class="login layui-anim layui-anim-up">
<div class="message">租房管理注册</div>
<div id="darkbannerwrap"></div>
<form method="post" class="layui-form">
<input name="username" placeholder="用户名" type="text" lay-verify="required" class="layui-input">
<hr class="hr15">
<input name="password" lay-verify="required" placeholder="密码" type="password" class="layui-input">
<hr class="hr15">
<input value="注册" lay-submit lay-filter="login" style="width:100%;" type="submit">
<hr class="hr20">
</form>
<div class="registerBtn">
<a href="/">已有账号?
<button class="layui-btn">点击登录</button>
</a>
</div>
</div>

<script>
layui.use('form', function () {
let form = layui.form;
form.render();
form.on('submit(login)', function (data) {
$.ajax({
url: "register"
, data: data.field
, type: "post"
, success: function (data) {
if (data.code == 200) {
layer.msg(data.msg);
return false;
} else if(data.code == 400) {
layer.msg(data.msg);
return false;
}
}
})
return false;
})
});
</script>

</body>
</html>

标签:form,--,layui,太爽了,注册,msg,data
From: https://www.cnblogs.com/abcdefghi123/p/17018271.html

相关文章

  • logback快速入门
    1、创建maven项目使用idea快速便捷创建maven项目2、引入jar包依赖(坐标)在maven项目的pom文件加入一下的依赖。<!--logback日志依赖--><dependency><gro......
  • 【原创】DE2实验练习解答—lab5 Clocks and Timers 【Verilog】【Digital Logic】
    本练习的主要目的是如何实现和使用一个实时时钟。PartI3位BCD计数器    设计一个3位的BCD计数器。其值按秒递增,输出显示在HEX2~0上,用KEY0复位。计数器的控制信号由50......
  • 性能测试-微服务性能压测监控和调优【重点】【杭州多测师_王sir】【杭州多测师】
     本文主要内容一、何为压力测试1.1、大白话解释性能压测是什么:就是考察当前软件和硬件环境下,系统所能承受的最大负荷,并帮助找出系统的瓶颈所在。性能压测的......
  • Conttext上下文
    Context是一个容器,存放应用程序的资源常见的Context有很多,例如:ServletContext,ActionContext,ServletActionContext,ApplicationContext,PageContext,SessionC......
  • 牛客小白月赛64 C题 题解
    题目链接题意描述这一题的意思其实就是,让你构造一个\(n*k\)的矩阵,使得第i列的总和为i,同时使得:每一列的任意两个数之间的差不大于1,且任意两行之间的总和差不大于1。......
  • 【加密与解密】第一章
    1.2文本字符具体已经在王爽老师《汇编语言》中学习过。本节主要介绍字符集和字节存储顺序。ASC2与Unicode字符集罗列了用十六进制数(Hex)和十进制(Dec)表示的部分常用的asc......
  • promise构造函数也是异步的吗
    constp=newPromise((res,rej)=>{console.log('我是Promise')//1res('我是resolve')})console.log('我是主线程')//2p.then(res=>console......
  • 按编号区间拆分成行
    问题:编号区间为001-010,拆分成10行,如图所示。let源=Excel.CurrentWorkbook(){[Name="表1"]}[Content],最大编号=Table.AddColumn(源,"最大编号",eachif......
  • 性能测试-CPU使用率和平均负载的关系【杭州多测师_王sir】【杭州多测师】
    1、压测的时候,cpu使用率很高,但是平均负载很低?分析下当前进程使用了cpu资源,并没有很多的进程在等待,分析这个进程是哪一个进程,再进入进程别分析java应用dbredis2、压测的时......
  • winform 导航栏
     搞习惯了B/S的,想把winform的主页面搞成一个类似web网站主页的,首先左侧要有一个导航栏,这个对于winform来说好像难度有点大了,连直接拖拽的控件都没有,如果用TreeView的话,......