验证用户名,密码,验证码,发送alax请求进行登录代码
//html代码
<div class="layui-form" id="larry_form">
<div class="layui-form-item">
<label class="layui-form-label">用户名:</label>
<input type="text" name="userName" required lay-verify="" autocomplete="off" class="layui-input larry-input userName" placeholder="请输入您的用户名">
</div>
<div class="layui-form-item" id="password">
<label class="layui-form-label">密码:</label>
<input type="password" name="password" required lay-verify="password" autocomplete="off" class="layui-input larry-input psw" placeholder="请输入您的登录密码">
</div>
<div class="layui-form-item larry-verfiy-code" id="larry_code">
<input type="text" id="code" name="code" lay-verify="" autocomplete="off" maxlength="4" class="layui-input larry-input " placeholder="输入验证码" >
<div class="code">
<div class="arrow" style="opacity:0.6;filter:alpha(opacity=60);"></div>
<div class="code-img"><img src="/randomCode" alt="" class="layui-disabled" style="opacity:0.6;filter:alpha(opacity=60);" id="codeimage" disabled="disabled"></div>
<a id="change" class="change" style="opacity:0.6;filter:alpha(opacity=60);" title="看不清,点击更换验证码"><i></i></a>
</div>
</div> <div class="layui-form-item">
<button class="layui-btn larry-btn submit" lay-filter="submit" lay-submit>立即登录</button>
</div>
</div>
$(document).keydown(function(event){
if(event.keyCode==13){
$(".submit").click();
}
});
$('.submit').click(function(){
var userName = $('.userName').val();
var psw = $('.psw').val();
var code = $('#code').val();
if(userName.trim()==''){
layer.alert("用户名不能为空!", {icon: 2,title:'提示'});
return;
}
if(psw.trim()==''){
layer.alert("密码不能为空!", {icon: 2,title:'提示'});
return;
}
// if(code.trim()==''){
// layer.alert("验证码不能为空!", {icon: 2,title:'提示'});
// return;
// }
$.ajax({
type: "post",
url: "/login",
// data: "userName="+userName+"&password="+psw+"&code="+code,
data: "userName="+userName+"&password="+psw,
success: function (data) {
var message = data.msg;
if(data.code === '0'){
layer.msg(message, {icon: 1, time: 1000});
setTimeout(function () {
window.location.href = 'index.html';
}, 1000);
} else {
layer.alert(message, {
icon: 2,title:'提示'
});
// $('.userName').val('');
// $('.psw').val('');
// $('#code').val('');
// // $("#codeimage").attr("src", '/randomCode?t=' + Math.random());
return;
}
},
error: function () {
}
})
})
验证用户名,密码,验证码,发送alax请求进行登录代码的更多相关文章
- 原始js---JavaScript注册用正则验证用户名密码手机号邮箱验证码
注册文件 reg.html <html><style> #btn{ background-color: red; color:white; width: 235px; } sp ...
- javaweb从mysql中获取数据验证用户名密码成功跳转,失败重新验证
要求:validate.jsp页面中获取请求参数(request.getparameter(“name属性的值”)),注意中文参数获取之前要设置请求编码(request.setCharaterEnco ...
- ajax异步验证用户名密码,提示路径错误
使用thinkphp框架异步验证用户名和密码的时候,ajax路径错误可能有多重情况.我遇到的是,我自感路径没问题,且先前使用无错.由于多人合作使用svn,所以在更新代码后,使用firebug显示一直是 ...
- php ajax 同时验证 用户名 密码
今天写了一个程序分享给大家,该程序是ajax密码和用户名验证问题 第一步 先在数据库里建立一张表 有3个字段 为 id name pass 第二步 写html页面,需要引入jq库 请到官网自行下载 & ...
- PHP学习-验证用户名密码
登录页:login.php <?php //登录 if(!isset($_POST['submit'])){exit('非法访问!');} $username = $_POST['adname' ...
- python3 验证用户名密码
输入用户名,密码,匹配通过,不匹配报错 import getpass user = input('input username: ') pwd = getpass.getpass('input pas ...
- sql server 2008 windows验证改为混合登陆SqlServer身份验证用户名密码
安装过程中,SQL Server 数据库引擎设置为 Windows 身份验证模式或 SQL Server 和 Windows 身份验证模式.本主题介绍如何在安装后更改安全模式. 如果在安装过程中选择“ ...
- sql server 2008 windows验证改混合登陆中SqlServer身份验证用户名密码
安装过程中,SQL Server 数据库引擎设置为 Windows 身份验证模式或 SQL Server 和 Windows 身份验证模式.本主题介绍如何在安装后更改安全模式. 如果在安装过程中选择“ ...
- Python使用selenium实现网页用户名 密码 验证码自动登录功能
一.安装selenium 二.下载谷歌浏览器驱动 1.去http://chromedriver.storage.googleapis.com/index.html下载chromedriver.exe( ...
随机推荐
- 【权值分块】bzoj3224 Tyvj 1728 普通平衡树
权值分块和权值线段树的思想一致,离散化之后可以代替平衡树的部分功能. 部分操作的时间复杂度: 插入 删除 全局排名 全局K大 前驱 后继 全局最值 按值域删除元素 O(1) O(1) O(sqrt(n ...
- React Native学习之DeviceEventEmitter传值
使用DeviceEventEmitter前需添加 import { AppRegistry, StyleSheet, Text, View, DeviceEventEmitter } form 'r ...
- Linux下CURL设置请求超时时间
使用CURL时,有两个超时时间:一个是连接超时时间,另一个是数据传输的最大允许时间. 连接超时时间用--connect-timeout参数来指定,数据传输的最大允许时间用-m参数来指定. 例如: cu ...
- 在GIT中修改提交记录
在SVN中,提交记录是无法修改的.比如说,当我们提交了某次修改后,发现该次提交中有错误时,只能将将补丁再次提交一遍.这样,就存在两次提交记录,没有保证提交的原子性. 在GIT中,由于提交是在本地进行的 ...
- Centos7.3 bbc tools安装
http://blog.csdn.net/orangleliu/article/details/54099528 更新到最新 CentOS 7.3 1611 yum update -y cat /et ...
- 【mybatis】count 计数查询 + List的IN查询
mybatis中conut计数的sql怎么在mapper中写? Mapper.java类这么写 @Mapper public interface GoodsBindConfigMappingMappe ...
- 重设Windows 7密码 z
Restart the computer to boot using the CD. Once the GUI loads, press SHIFT+F10 to bring up the comma ...
- html里嵌入CSS的三种方式
在HTML中定义CSS的方式有:Embedding(嵌入式).Linking(引用式).Inline(内联式),下面通过实例为大家详细介绍下它们的特点 在HTML中常用以下3种方式定义CSS:Em ...
- Java 9的14个新特性总结
Java 9 包含了丰富的特性集.虽然Java 9没有新的语言概念,但是有开发者感兴趣的新的API和诊断命令. 我们将快速的,着重的浏览其中的几个新特性: 模块化系统–Jigsaw 项目 模块化是一 ...
- JAVA利用HttpClient进行POST请求(HTTPS)
目前,要为另一个项目提供接口,接口是用HTTP URL实现的,最初的想法是另一个项目用jQuery post进行请求. 但是,很可能另一个项目是部署在别的机器上,那么就存在跨域问题,而JQuery的p ...