登录界面加验证码

最新推荐文章于 2024-04-10 23:31:30 发布

xnjj

最新推荐文章于 2024-04-10 23:31:30 发布

阅读量162

点赞数

分类专栏： crm

本文链接：https://blog.csdn.net/qq_58849698/article/details/119593111

版权

crm 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="layui-v2.5.6/layui/layui.js"></script>
<link rel="stylesheet" href="layui-v2.5.6/layui/css/layui.css">

</head>
<body >

<div>
<form class="layui-form" action="" οnsubmit=" return false">
<div class="layui-form-item">
<label class="layui-form-label">账号：</label>
<div class="layui-input-inline">

<input type="text" name="username" required lay-verify="required" placeholder="请输入账号:" autocomplete="off" class="layui-input">
</div>
</div>

<div class="layui-form-item" >
<label class="layui-form-label">验证码：</label>
<div class="layui-input-inline" >
<input type="text" name="code" required class="layui-input">
<a href="#" οnclick=run()> <img src="/CodeServlet" style="width: 80px; height: 40px;" id = "imgId"> </a>
<a href="#" οnclick=run()>看不清换一张</a>
</div>
</div>

<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="formLogin">登录</button>
</div>
</div>
</form>
</div>
<script>
layui.use(['form','jquery','layer'],function () {
var form=layui.form;
var $=layui.jquery;
var layer=layui.layer;
form.on('submit(formLogin)', function(data) {

//console.log('data.field data中的from下的name属性');
console.log(data.field)
$.ajax({
url:'/LoginServlet',
type:'POST',
data:data.field,
success:function (res) {
console.log(res)
if ( res.code==400){
layer.msg(res.msg)
}
if ( res.code==4001){
layer.msg(res.msg)
}
if (res.code==0){
window.location.href="/home.html";
}
},
dataType:'json'
});
});
});
function run(){
var image = document.getElementById("imgId");//获取表单元素通过ID
image.src = "/CodeServlet?"+new Date().getTime();
}
</script>
</body>
</html>

xnjj

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
登录界面加验证码

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="layui-v2.5.6/layui/layui.js"></script> <link rel="stylesheet" href="layui-v2.5.6/layui/css/l...
复制链接

扫一扫