jquery登录,jquery登录弹窗

一个用jquery实现登录的页面，

这个很简单

input title="用户邮箱" id="mail" value="用户邮箱"

$("#mail").keyup(function(){ //键盘输入事件

var thval=$(this).val();

var title=$(this).attr("title");

if(thval==thval) 如果值等于title 清空

$(this).val("")

if(thval==""){ 如果值是空值变成title的值

$(this).val(title)

}

})

当然上面只是简单例子还可以在判段里加上CSS效果

相关问答

Q1: jquery 实现回车登录详解及实例代码

jquery

实现回车登

1.button按钮提交方式

//按钮事件

$(‘#btnSumit‘).click(function()

{

alert(‘测试‘);

});

//回车提交事件

$("body").keydown(function()

{

if

(event.keyCode

==

"13")

{//keyCode=13是回车键

$(‘#btnSumit‘).click();

}

});

2.form表单提交方式

a.使用jquery

$("body").bind(‘keyup‘,function(event)

{

if(event.keyCode==13){

document.form.submit();

}

});

b.非jquery　

body

onkeyup="autosubmit()"//添加监听事件

function

autosubmit(){//事件触发函数

if(event.keyCode==13){

document.form.submit();

}

}

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

Q2: 如何用jQuery技术实现一个登录模块？

div class="wrapper"

pspan用户名：/spaninput type="" name="" id="user" value="" //p

pspan密码：/spaninput type="password" name="" id="password" value="" //p

pbutton onclick="fn()"登录/button/p

/div

script type="text/javascript"

function fn(){

var user = $("#user").val()

var Password = $("#password").val()

if(user Password){

//向后台发送处理数据

$.ajax({

type: "POST", //用POST方式传输

dataType: "text", //数据格式:JSON

url: 'Login.ashx', //目标地址

data: "user=" + user + "Password=" + Password, //用户名和密码传给后台

error: function (XMLHttpRequest, textStatus, errorThrown) { },

success: function (msg){

if(msg.flag == '0'){

alert("登录成功")

}else{

alert("登录失败")

}

}

});

}else{

alert("用户名或密码不能为空")

return

}

}

/script

Q3: 如何用jquery模拟用户登录活动

$.ajax({

url: "Ajax/OriginFileAjax.ashx",//提交地址

type: "POST",//提交方式

data: { name: p_name, password: p_password },//p_开头的参数是页面获取到的没有p开头的是在后台获取的名称 参数可以是多个的 async:true,//是否同步的意思

success: function(msg) {//msg 返回值