php+ajax如何实现用户登录按钮加载
这篇文章运用简单易懂的例子给大家介绍php+ajax如何实现用户登录按钮加载,代码非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
为大兴安岭等地区用户提供了全套网页设计制作服务,及大兴安岭网站建设行业解决方案。主营业务为网站建设、成都网站建设、大兴安岭网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
登录表单
1
表单提交按钮和按钮失效样式
1 .btn_submit { 2 background-color: #e31436; 3 color: #fff; 4 cursor: pointer; 5 display: inline-block; 6 font-size: 18px; 7 height: 44px; 8 line-height: 44px; 9 text-align: center; 10 width: 200px; 11 border-radius: 2px; 12 border:none 13 } 14 .disabled{opacity: 0.5;cursor:default}
表单提交验证
1 function check_login() { 2 if ($("#btn_submit").hasClass("disabled"));//避免重复提交 3 return false; 4 $("#btn_submit").addClass("disabled").val("正在提交"); 5 $.post("login.php", {id: 1}, function(data) { 6 $("#btn_submit").removeClass("disabled").val("登 录"); 7 location.href = "http://www.sucaihuo.com/php/2747.html"; 8 }, "json"); 9 return false; 10 }
关于php+ajax如何实现用户登录按钮加载就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
新闻名称:php+ajax如何实现用户登录按钮加载
文章URL:http://scyanting.com/article/gsopog.html