头像

php+Ajax登录避免重复提交

来源:https://www.daimasucai.com/ajax/228.html 代码素材管理员 2017-08-20浏览()

php+ajax登录加载loading效果,一个提高用户体验,二个避免重复提交表单,ajax判断加载是否完成

程序员,你不是一个人;网站开发QQ群:  在线充值,或联系QQ 3078847178直接充值

php+Ajax登录避免重复提交
分类:首页>>PHP/Mysql>>Ajax 阅读次数:
查看演示 下载次数: 16

手机扫码访问:

下载资源 下载积分: 80

  登录表单

    <form onsubmit="return check_login()" style="text-align: center;margin-top:50px"> 

        <input value="登 录"   class="btn_submit" id="btn_submit" type="submit"> 

    </form>

  表单提交按钮和按钮失效样式

    .btn_submit { 

        background-color: #e31436; 

        color: #fff; 

        cursor: pointer; 

        display: inline-block; 

        font-size: 18px; 

        height: 44px; 

        line-height: 44px; 

        text-align: center; 

        width: 200px; 

        border-radius: 2px; 

        border:none 

    } 

    .disabled{opacity: 0.5;cursor:default}


标签: ajax 表单提交
声明:本文为原创文章,如需转载,请注明来源daimasucai.com并保留原文链接:https://www.daimasucai.com/ajax/228.html
如果您觉得本文的内容对您的学习有所帮助,您可以扫描下面的二维码请我喝杯茶,感谢!
alipay转账 alipay转账 扫扫加qq群

评论(0)


温馨提示:为规范评论内容,垃圾评论一律封号...

后面还有条评论,点击查看>>