让MessageBox确认工作作为提交按钮

时间:2014-03-13 22:45:49

标签: html coldfusion

而不是提交按钮,我想要"确定" MessageBox上的按钮用作提交按钮。这是我试图在ColdFusion中完成的事情。

以下是仅展示重要代码的示例。基本上,如果用户点击" no",什么都不会发生,但是如果用户点击"是"它应该注册为提交按钮。我已经阅读了教程和ColdFusion书籍,似乎无法找到我正在寻找的例子。

我知道这与callbackhandler有关。

<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>

1 个答案:

答案 0 :(得分:2)

斯科特说不要使用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>