2014-03-13 121 views
1

而不是一個提交按鈕,我想要一個MessageBox上的「確定」按鈕作爲提交按鈕。這是我想要在ColdFusion中完成的事情。有一個MessageBox確認工作作爲一個提交按鈕

下面是僅顯示重要代碼的示例。基本上,如果用戶點擊「否」,則不會發生任何事情,但如果用戶點擊「是」,則應該註冊爲提交按鈕。我已經閱讀了教程和一本ColdFusion書籍,似乎無法找到我正在尋找的示例。

我知道這是關於回調處理程序。

<HTML> 
<Head> 
    <script type="text/javascript"> 

     //Function to show results of other message boxes. 
     var showResult2 = function(btn){} 

     //The button onClick handler displays the message boxes. 
     function showMB(mbox) { 
      ColdFusion.MessageBox.show(mbox); 
     } 
    </script> 
</Head> 
<Body> 

    <cfform action="PlatinumTest.cfm" method="post"> 


    <cfinput name="Comfirmation" type="Submit" value="Submit" 
      onclick="showMB('mymessagebox02')"> 


    <cfmessagebox name="mymessagebox02" type="confirm" 
      message="Are you sure you want to submit?" 
      labelNO="No" labelYES="Yes" 
      callbackhandler="showResult2"/> 

</body> 
</HTML> 
+0

你需要給你的CFFORM一個ID。然後在你的showResult2中,你可以使用document.getElementById(「myForm」)。submit();.至少,在showResult2中發出JavaScript警報()以確保回調處理程序正在觸發該功能。 –

+0

通過將cfinput類型從提交更改爲按鈕,並遵循您的建議,並添加一個if語句爲是,並知道我的功能工作。不過,我還有另一個問題。由於該對象不是提交按鈕,因此我的空測試盒對象的錯誤消息不再彈出。例如,我有一個帶有此代碼的文本框:'。是否還有我的這些對象的警告消息? –

+2

爲什麼不做一個簡單的jQuery警告框? – fyroc

回答

2

正如Scott所說不要使用COLDFUSIONUI!我把它放在大寫字母上,因爲隨着時間的推移,ColdFusion更新這些UI庫可能會變得不穩定。另外,您需要將CFIDE添加爲我不喜歡自己的虛擬目錄。

最好的辦法是簡單地使用JQueryUI。這是非常簡單和容易的事情。我會給你一個例子,但我希望你能嘗試你自己的代碼。我寧願你自己去學習。

<HTML> 
    <head> 
     <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
     <script type="text/javascript" src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
     <script type="text/javascript"> 
      $(document).ready(function() { 
       $("body").on('click','#formSubmit',function(e){ 
        e.preventDefault(); 
        var answer = confirm("Are you sure you want to delete this item?"); 
        if (answer){ 
         $("#formTest").submit(); 
        } else { 
         return false; 
        } 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <form action="action_page.cfm" method="POST" id="formTest"> 
      <input name="formSubmit" type="Submit" value="Submit" id="formSubmit"> 
     </form> 
    </body> 
</HTML> 
+0

謝謝。有沒有它不會繞過文本框中的「必需」屬性? –

+0

只需使用jQuery validationUI添加if/else語句,或者在函數提交表單的位置創建自己的函數。我會更新我上傳我的電腦時發佈的代碼。 – fyroc

+0

我終於找到了一個教程,向我展示如何更好地編程冷聚變。我必須非正式地學習Cold Fusion,因爲我必須編寫一個項目。我終於找到了一個體面的教練。而不是彈出一個消息框,我有一次頁面引用,在頁面上彈出一個標籤。然後在用戶點擊動態推測的「是」按鈕後,用戶被帶到提交頁面。 –