急！点“提交”后，锁定整个页面，确认后刷新，怎么实现

点“提交”后，锁定整个页面，确认后刷新，怎么实现

解决方案 »

  1.   

    <input type="submit" value="提交" onclick="return confirm("确定提交吗？");">
      

  2.   


    <input id="it" type="submit" value="提交" />
    $("it").click(function(){
       var result = confirm("");
       if(result){
          window.location.reload();
          return false;
       }
    });
      

  3.   

    一个简单的示例：
    HTML：
    <div id="lock"></div>
    <div id="ok">
    <a href="javascript:void(0)" onclick="ok()">确定</a>
    </div>
    <input type="button" value="提交" onclick="commit()" >
    CSS：
    #lock, #ok{
    display: none;
    position: absolute;
    }
    #lock{
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #EEEFFF;
    }
    #ok{
    top: 75px;
    left: 200px;
    padding: 10px;
    }
    JS：
    function commit(){
    document.getElementById('lock').style.display = 'block';
    document.getElementById('ok').style.display = 'block';
    }
    function ok(){
    document.getElementById('lock').style.display = 'none';
    document.getElementById('ok').style.display = 'none';
    }
      

  4.   

    改动一下：
    function ok() {
       location.reload();  //刷新当前页
    }
      

  5.   

    form在提交之前，用JS在页面生成一个空的iframe。把form的target设置成这个iframe；同时弹出带有一个确定按钮的DIV层把整个页面覆盖，并把form的提交按钮设置为disabled；如果用户点击了确定按钮，则location.reload();
      

  6.   

    实际上使用confirm() 模态 层都能实现
    分别是 提交数据后，弹出或展现confirm() 模态 层 然后点击上面的按钮，在触发刷新。