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

时间:2015-09-03 15:07:18

标签: javascript jquery twitter-bootstrap knockout.js

我有一个bootstrap模式,其中包含一个附加到我页面上的淘汰按钮的click事件的表单。表单由用户填写,数据将发送回服务器。我试图在显示的表单之前添加一个弹出窗口,如果条件为真,则将数据发送回服务器,并且根本不显示表单。只是寻找基本上在第二个之前附加第一个弹出窗口的一般概念。

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

1 个答案:

答案 0 :(得分:2)

这是一种方法!

- &GT;&GT; Click to view Example here

我做了什么:

所以我处理了onSubmit()事件,并在那里添加了弹出逻辑 如果:

  1. 您点击确定,表单将提交
  2. 您点击否,表单将不会提交
  3. CODE:

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