首页 > PHP/Mysql > Ajax > php+Ajax登录避免重复提交

php+Ajax登录避免重复提交

2017-08-20 10:38:05 收藏来源：PHP代码浏览() 评论 ( 0 )

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

查看演示下载资源：0次

手机扫码访问：

下载资源下载积分：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}