带有 2 个对话框的敲除按钮单击事件

Question

我有一个引导模式，其中包含一个附加到我页面上敲除按钮的单击事件的表单。表单由用户填写，数据被发送回服务器。我试图在显示表单之前添加一个弹出窗口，如果条件为真并且根本不显示表单，它将把数据发送回服务器。只是寻找一些基本在第二个之前附加第一个弹出窗口的一般想法。

 <button class="btn btn-lg btn-default" data-bind="click: function(){showDialog(true)},
                css: {'btn btn-lg btn-success': hasSelectedFiveCats }, enable: hasSelectedFiveCats">Get Cats</button>

Answer 1

这是一种方法！

->> Click to view Example here

这是大体思路！

1. 添加代码以处理表单的 onSubmit() 事件
2. 在该代码块中，通过添加对confirm 的调用，将出现OK、Cancel 弹出消息
   A) 如果按下OK，confirm 的值将等于true
   B) 如果按下Cancel，confirm 的值将等于false
   C) 用 if() 语句包装 confirm，并在其中添加您的逻辑。

如果你：

1. 点击确定，表单将提交
2. 点击否，表单将不提交

代码：

$( document ).ready(function() {
    $( "#target" ).submit(function( event ) {
    if (confirm("Press a button!") == true) {
       //You pressed OK!"
        //Go ahead 
    } else {
       //You pressed Cancel!
         event.preventDefault();
        $('#msg').text('You pressed Cancel!');
    }
});