如何用jquery模拟用户登录活动
$.ajax({
成都创新互联公司成立与2013年,是专业互联网技术服务公司,拥有项目成都做网站、网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元蟠龙做网站,已为上家服务,为蟠龙各地企业和个人服务,联系电话:13518219792
url: "Ajax/OriginFileAjax.ashx",//提交地址
type: "POST",//提交方式
data: { name: p_name, password: p_password },//p_开头的参数是页面获取到的没有p开头的是在后台获取的名称 参数可以是多个的 async:true,//是否同步的意思
success: function(msg) {//msg 返回值
一个用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效果
如何用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
jquery点击某个元素后判断用户是否登录
div id="parent"
a id="a1" href="javascript:void(0);"点我/a
a id="a2" href="javascript:void(0);"点我吧/a
input id="b1" type="button" value="还是点我"/input
input id="b2" type="button" value="那点你吧"/input
/div
$("#parent *").click(function(e){
if(e.target == $("#a1")[0]){
alert("你点了链接一!");
}else if(e.target == $("#a2")[0]){
alert("你点了链接二!");
}else if(e.target == $("#b1")[0]){
alert("你点了按钮一!");
}else if(e.target == $("#b2")[0]){
alert("你点了按钮二!");
}
});
可以试试我这个,因为jQuery选择器的原因,所以一定要指定父级,否则会执行多次。
本文名称:jquery登录,jquery登录注册
文章路径:http://scyingshan.cn/article/dsdscds.html