jquery登录注册,使用jquery写登录页面
jquery中如何使用阿里的图标库
1、注册并登录iconfont官网
创新互联是一家专注网站建设、网络营销策划、小程序定制开发、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立10多年以来，已经为数千家广告推广各业的企业公司提供互联网服务。现在，服务的数千家客户与我们一路同行，见证我们的成长；未来，我们一起分享成功的喜悦。
2、新建 我的项目
3、选择需要的图标并 添加入库或收藏
4、将入库的图标添加进我的项目
5、打开我的项目 有3种调用方式（unicode-常用、font class、symbol）
6、以Unicode为例 选中后 查看在线连接 将代码copy至需要的呈上升文件
7、将需要使用的图标下面的 特征码 copy至html页面相应位置，然后自定义背景色和大小
如果想在js中调用 使用symbol方式
一个用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来做注册提示信息
$('#regForm').validate({
rules:{
cellphone:{
required:true,
mobilephone:true,
remote:'/index/check-username'
},
verify:{
required:true,
remote:'/index/check-verifycode'
},
password:{
required:true,
minlength:6,
maxlength:20
},
confirmPassword:{
required:true,
minlength:6,
maxlength:20,
equalTo: "#password"
},
smgverifycode:{
required:true
},
/*inviteCode:{
maxlength:5,
minlength:5,
remote:"/index/check-invite-code"
},*/
agreement:{
required:true
}
},
messages:{
cellphone:{
required:addstyle('请输入手机号码'),
mobilephone:addstyle('不是有效的手机号'),
remote:addstyle('手机号码已经被注册')
},
verify:{
required:addstyle('请输入图文码'),
remote:addstyle('图文码不正确')
},
smgverifycode:{
required:addstyle('请输入短信验证码')
},
password:{
required:addstyle('请输入密码'),
minlength:addstyle("密码应该为6-20位"),
maxlength:addstyle("密码应该为6-20位")
},
confirmPassword:{
required:addstyle('请再一次输入密码'),
minlength:addstyle("密码应该为6-20位"),
maxlength:addstyle("密码应该为6-20位"),
equalTo:addstyle('您输入的确认密码和密码不一致')
},
/*inviteCode:{
maxlength: addstyle('邀请码不正确'),
minlength: addstyle('邀请码不正确'),
remote:addstyle('邀请码不存在')
},*/
agreement:{
required:addstyle('请同意供货商入驻协议')
}
},
errorElement:'p',
errorClass:'err_p',
errorPlacement:function(error, element){
if (e.html() == "" error[0].textContent != "") {
error.appendTo(e.show());
}
},
//success:function(label,element){
// console.log(2, label, element);
// label.parent().parent().siblings('div').removeClass('control-group err');
// if(label.text() == ''){
// label.parent().css('display','none');
// label.remove();
// }
//},
highlight: function (element) { // hightlight error input
if (e.find('p').attr('for') == 'smgverifycodeoften') {
e.html('').hide();
}
if (e.text() == "" || e.find('p').attr('for') == $(element).attr('id') ) {
$(element).parent().addClass('control-group err');
}
},
unhighlight: function (element) { // revert the change done by hightlight
var label = $("span.err_msg");
$(element).parent().removeClass('control-group err');
if(label.text() == '' e.text() == ""){
e.hide();
}
},
submitHandler:function(form){
s.addClass('alert-info').html('span注册中...请稍后/span').show();
$.post("/index/post-register", $(form).serialize(), function(res){
if(res.code){
$.cookie('username', $('input[name="cellphone"]').val(), {expires:30});
s.html('span注册成功, 跳转至登录页.../span').show();
setTimeout(function(){
window.location = '/index/login';
}, 800);
} else {
s.hide(); //隐藏正确提示
/*if (res.data.reason == 1) {
$('#invite_code').parent().addClass('control-group err');
e.html('p for="invite_code" class="err_p"span class="err_msg"'+res.msg+'/span/p').show();//显示错误信息
$(".err_p").show();
}*/
if (res.data.reason == 2) {
$('#smgverifycode').parent().addClass('control-group err');
e.show().html('p for="smgverifycode" class="err_p"span class="err_msg"'+res.msg+'/span/p');//显示错误信息息
$(".err_p").show();
} else {
$('#smgverifycode').parent().addClass('control-group err');
e.show().html('p for="smgverifycode" class="err_p"span class="err_msg"'+res.msg+'/span/p');//显示错误信息息
$(".err_p").show();
}
setTimeout(function() {
e.hide().html('')
}, 2000);
}
},'json');
}
});
});
怎么使用php+jquery 注册成功后自动登录首页
以前是做什么的?如果你只是做前端的话那么PHP就不需要了，现在大型项目都用模板，使得前端后后台几乎完全分离，你需要掌握以下几门web技术:HTMLCSS+DIVJavaScript也可以对部分JS框架做一些了解如:JQuery最后，祝你早日成功!
你可以去后盾人平台看看，里面的东西不错
当前标题：jquery登录注册,使用jquery写登录页面
分享链接：http://pwwzsj.com/article/dscjiio.html
