//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请求进行登录代码的更多相关文章

  1. 原始js---JavaScript注册用正则验证用户名密码手机号邮箱验证码

    注册文件 reg.html <html><style> #btn{ background-color: red; color:white; width: 235px; } sp ...

  2. javaweb从mysql中获取数据验证用户名密码成功跳转,失败重新验证

    要求:validate.jsp页面中获取请求参数(request.getparameter(“name属性的值”)),注意中文参数获取之前要设置请求编码(request.setCharaterEnco ...

  3. ajax异步验证用户名密码,提示路径错误

    使用thinkphp框架异步验证用户名和密码的时候,ajax路径错误可能有多重情况.我遇到的是,我自感路径没问题,且先前使用无错.由于多人合作使用svn,所以在更新代码后,使用firebug显示一直是 ...

  4. php ajax 同时验证 用户名 密码

    今天写了一个程序分享给大家,该程序是ajax密码和用户名验证问题 第一步 先在数据库里建立一张表 有3个字段 为 id name pass 第二步 写html页面,需要引入jq库 请到官网自行下载 & ...

  5. PHP学习-验证用户名密码

    登录页:login.php <?php //登录 if(!isset($_POST['submit'])){exit('非法访问!');} $username = $_POST['adname' ...

  6. python3 验证用户名密码

    输入用户名,密码,匹配通过,不匹配报错 import getpass user = input('input username: ') pwd = getpass.getpass('input pas ...

  7. sql server 2008 windows验证改为混合登陆SqlServer身份验证用户名密码

    安装过程中,SQL Server 数据库引擎设置为 Windows 身份验证模式或 SQL Server 和 Windows 身份验证模式.本主题介绍如何在安装后更改安全模式. 如果在安装过程中选择“ ...

  8. sql server 2008 windows验证改混合登陆中SqlServer身份验证用户名密码

    安装过程中,SQL Server 数据库引擎设置为 Windows 身份验证模式或 SQL Server 和 Windows 身份验证模式.本主题介绍如何在安装后更改安全模式. 如果在安装过程中选择“ ...

  9. Python使用selenium实现网页用户名 密码 验证码自动登录功能

    一.安装selenium 二.下载谷歌浏览器驱动 1.去http://chromedriver.storage.googleapis.com/index.html下载chromedriver.exe( ...

随机推荐

  1. [Contest20180316]Mythological IV

    令$S(n)=\sum\limits_{i=0}^{n-1}f(i)q^i$,那么存在一个次数$\leq k$的多项式使得$S(n)=q^ng(n)-g(0)$(证明来自杜教的PPT) 设$f$的次数 ...

  2. 【分块】【哈希】bzoj3578 GTY的人类基因组计划2

    每个房间用一个集合来维护,具体来说,就是给1-n的数每个数一个long long的hash值,往集合S里insert(i),就是S^=HASH[i]:erase(i),也是S^=HASH[i]. 用m ...

  3. 【字符串哈希】bzoj3916 [Baltic2014]friends

    枚举断点,哈希判断. #include<cstdio> using namespace std; typedef unsigned long long ull; ull hs,hs1,hs ...

  4. 【整体二分+莫比乌斯函数+容斥原理】BZOJ2440

    [题目大意] 求第k个不是完全平方数或完全平方数整数倍的数. [思路] 由于μ(i)*(n/i^2)=n,可以直接从1开始,得出非完全平方数/完全平方数倍数的数的个数 注意一下二分的写法,这里用的是我 ...

  5. 个人python学习路线记录

    一.入门视频 零基础入门学习Python --小甲鱼 二.博客园 python快速教程 http://www.cnblogs.com/vamei/archive/2012/09/13/2682778. ...

  6. NHibernate官方文档中文版——持久化类(Persistent Classes)

    持久化类是一个应用程序中的类,主要用来实现业务逻辑(例如,在电商应用中的客户和订单类).持久化类,就像它的名字一样,生命周期短暂并且用来持久化的据库对象实例. 如果这些类的构造能够依照一些简单的原则, ...

  7. 扩展gridview轻松实现冻结行和列

    在实际的项目中,由于项目的需要,数据量比较大,同时显示栏位也比较多,要做gridview里显示完整,并做到用户体验比较好,这就需要冻结表头和关键列.由于用到的地方比较多,我们可以护展一个gridvie ...

  8. zk watch机制及创建node机制

    Watch(监视) 当指定的znode或znode的子数据更改时,监视器会显示通知.你只能在 get 命令中设置watch. 语法 get /path [watch] 1 示例 get /FirstZ ...

  9. 不区分大小写的Flask-SQLAlchemy查询

    全部转换为小写字符再进行比较 from sqlalchemy import func user = models.User.query.filter(func.lower(User.username) ...

  10. iOS:使用集成的支付宝SDK的支付流程

    基本步骤: 1.先与支付宝签约,获得商户的ID(partner)和账号ID(seller),这一部分主要是又公司负责: 2.下载相应的公钥私钥文件,用来给签名进行加密: 3.下载支付宝集成的SDK,网 ...