使用window.setInterval设置登录前…
2014-06-05 16:05
211 查看
假如有一个登录表单代码如下:
<div><span>用户</span><input
id="username" type="text" name="username" value=""
/></div>
<div><span>密码</span><input
id="password" type="password" name="password" value=""
/></div>
<div><input
type="button" value="登录" /><input
type="button" value="重置"
/></div>
<div
id=”loading”></div>
需要在点击“登录”按钮时,出现”Load… …”效果。
假如jquery的js引用后,使用$post请求时作出处理。
发送ajax请求的代码:
$(“.input_login”).click(function(){
var username = $.trim($(“#username”).val());
var password = $.trim($(“#password”).val());
if(username==null || username==”"){
alert(“请输入用户名!”);
$(“#username”).focus();
return;
}
if(password==null || password==”"){
alert(“请输入密码!”);
$(“#password”).focus();
return;
}
$(“#loading”).html(“<strong>Loading<span
id=\”interval\”></span></strong>”);
window.setInterval(loading, 300);
$.post(“login” ,
{“username” : username ,
“password” : password} ,
function(data){
$(“#loading”).empty();
if(data.value == true){
var path = $(“base”).attr(“href”);
location.replace(path+”home/index”);
}else{
alert(“用户名或密码错误”);
$(“.input_reset”).click();
}
},’json’);
});
$(document).keydown(function(event){
if(event.keyCode == 13){
$(“.input_login”).click();
}
});
});
出现Loading后面的…的循环方法:
function loading(){
var temp = $(“#interval”).text();
if(temp.length<6){
$(“#interval”).text(temp+”.”);
}else{
$(“#interval”).text(“”);
}
}
<div><span>用户</span><input
id="username" type="text" name="username" value=""
/></div>
<div><span>密码</span><input
id="password" type="password" name="password" value=""
/></div>
<div><input
type="button" value="登录" /><input
type="button" value="重置"
/></div>
<div
id=”loading”></div>
需要在点击“登录”按钮时,出现”Load… …”效果。
假如jquery的js引用后,使用$post请求时作出处理。
发送ajax请求的代码:
$(“.input_login”).click(function(){
var username = $.trim($(“#username”).val());
var password = $.trim($(“#password”).val());
if(username==null || username==”"){
alert(“请输入用户名!”);
$(“#username”).focus();
return;
}
if(password==null || password==”"){
alert(“请输入密码!”);
$(“#password”).focus();
return;
}
$(“#loading”).html(“<strong>Loading<span
id=\”interval\”></span></strong>”);
window.setInterval(loading, 300);
$.post(“login” ,
{“username” : username ,
“password” : password} ,
function(data){
$(“#loading”).empty();
if(data.value == true){
var path = $(“base”).attr(“href”);
location.replace(path+”home/index”);
}else{
alert(“用户名或密码错误”);
$(“.input_reset”).click();
}
},’json’);
});
$(document).keydown(function(event){
if(event.keyCode == 13){
$(“.input_login”).click();
}
});
});
出现Loading后面的…的循环方法:
function loading(){
var temp = $(“#interval”).text();
if(temp.length<6){
$(“#interval”).text(temp+”.”);
}else{
$(“#interval”).text(“”);
}
}
相关文章推荐
- window.setInterval()设置时间间隔执行其他.
- 设置windows窗口半透明(使用SetLayeredWindowAttributes API函数)
- window.setInterval做定时器和使用window.clearInterval()停止定时器
- 使用SetLayeredWindowAttributes函数设置窗口透明色与透明度
- Bash Shell-使用内置的set和shopt命令设置bash选项
- 如何使用脚本set-env来设置环境变量[转]
- SetLayeredWindowAttributes函数的使用.
- SetThreadAffinityMask设置使用多核CPU的哪个核心
- PuTTY使用笔记:登录设置的批量备份导出/导入
- 使用Intent 的用法startActivity,使用intent-filter描述Activity的特征,使用setActiony设置action
- 此数据库没有有效所有者,因此无法安装数据库关系图支持对象。若要继续,请首先使用“数据库属性”对话框的“文件”页或 ALTER AUTHORIZATION 语句将数据库所有者设置为有效登录名,然后再添加数据库关系图支持对象。
- D3D中设置渲染SetRenderState()使用
- 安装、设置和使用SSH Secure shell 实现windows 登录linux
- 使用Xmanager 或Hummingbird Exceed登录linux桌面 设置
- 解决:Windows Server 2003 域中设置user用户后,该用户登录后无法使用服务器的共享文件夹
- 使用SetLayeredWindowAttributes API 实现透明窗口
- web.xml中的session-timeout元素与session.setMaxInactiveInterval()函数 的区别和使用
- PuTTY使用笔记:登录设置的批量备份导出/导入
- 设置Microsoft SQL Server Management Studio Express--使用SQL验证登录(如使用sa用户登录)
- 使用set命令设置环境变量