我需要一個自定義確認框以html格式實現Onsubmit（）。我該如何實現這一點？

我需要一個自定義確認框在html表單Onsubmit（）上實現。我該如何實現這一點？我需要一個自定義確認框以html格式實現Onsubmit（）。我該如何實現這一點？

像這樣的事情

<form method="post" style="float:left" action="xxx/**" 
    onsubmit="return confirmfinish()"

confirmfinish（）應該實現自定義的確認對話框，並返回相應的值（真/假）

來源

2013-02-07 Jamshi Bp

也在使用jQuery UI模態的選擇嗎？或者'window.confirm'？ –

你可以使用這個jquery：http://tutorialzine.com/2010/12/better-confirm-box-jquery-css3/ –

@devang Rathod：我已經使用了相同的代碼，但這裏的問題是表單get not等待用戶輸入確認框 –

您可以使用jQuery UI這樣它的下面

<div id="dialog-confirm" title="Delete Country"> 
    <p> 
     Are you soure you wont to delete this record ?</p> 
</div> 

<script type="text/javascript"> 
    $(function() {   
     $("#dialog-confirm").dialog({ 
      autoOpen: false, 
      model: true, 
      width: 300, 
      resizable: false, 
      height: 200 
     }); 

     $(".lnkDelete").click(function (e) { 
      e.preventDefault(); 
      var targeturl = $(this).attr("href"); 


      $("#dialog-confirm").dialog({ 
       buttons: { 
        "Confirm": function() { 
         window.location.href = targeturl; 
        }, 
        "Cancel": function() { 
         $(this).dialog("close"); 
        } 
       } 
      }); 
      $("#dialog-confirm").dialog("open"); 
     }); 
    }); 
</script>

我認爲這將有助於你......

來源

2013-02-07 06:02:09 Rajpurohit

試試這個代碼了，我已經根據你的代碼：

來源

2013-02-07 05:22:32

但我需要自定義確認框 –

我把你的FORM標記示例並調整了一些，如下所示。這會讓你做一個自定義確認。它會阻止表單提交，直到您在自定義確認上點擊是。

<form id="mainForm" method="post" action="xxx/**" onsubmit="return confirmfinish();"> 
    <input type="text"> 
    <input type="submit"> 
</form> 

<div id="confirmationDiv" style="display:none; border:1px solid black; padding:10px; margin-top:10px; width:500px;"> 
    Are you sure you want to submit the form?<br> 
    <input type="button" value="Yes" onclick="confirmed = true; document.getElementById('mainForm').submit();"> 
    <input type="button" value="No" onclick="document.getElementById('confirmationDiv').style.display='none'; return false;"> 
</div> 

<script type="text/javascript">  
    var confirmed = false; 

    function confirmfinish(){ 
     if(!confirmed){ 
      document.getElementById('confirmationDiv').style.display='block'; 
      return false; 
     } else { 
      return true; 
     } 
    } 
</script>

來源

2013-02-07 05:30:31

而不是像我的示例中顯示和隱藏DIV，您可以顯示和隱藏自定義彈出窗口。 –

你可以使用這樣的東西。

function confirmfinish(){ 
    if (confirm("Your question")) { 
      // do things if OK 
    } 
}

來源

2013-02-07 05:46:15

您可以只使用確認的內置支持的javascript盒是這樣的：

<script type="text/javascript"> 
    function confirmfinish(){ 
     if (confirm("Are you sure you want Submit the form?") == true) 
      return true; 
     else 
      return false; 
    } 
    </script>

或

如果你只需要從JavaScript

實現自定義控制它，而不是內置支持去頭，然後單擊jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements)

中序的這個鏈接來實現jAlert你需要有jquery.jalerts.js文件，並添加以下代碼您confirmfinish（）

jConfirm('Submit form?', 'Submitting the form', function(r) { 
    jAlert('Confirmed: ' + r, 'Confirmation Results'); 
});

希望它可以幫助

來源

2013-02-07 06:09:02

我需要一個自定義確認框以html格式實現Onsubmit（）。我該如何實現這一點？

回答

相關問題