javascript - 带有 2 个对话框的 Knockout 按钮单击事件

Question

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

 <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!');
    }
});