Question

我正在尝试在提交表单之前实施确认/警告框以进行检查。此按钮是Bonita提交按钮。我对JS / jquery知之甚少，但可以通过反复试验来理解和实现。

是否存在开箱即用的解决方案？或者，如果您有任何指示，请告诉我。

我已经提到了这个问题：http://community.bonitasoft.com/groups/usage-operation-5x/resolved-confi ...，但它适用于旧版本，并不适用于我。

html页面如下所示： ...

<div id="Submit1"></div>

... bonita中自动生成的按钮类的详细信息：

div id="Submit1" class="bonita_form_button_entry"> <div class="bonita_form_button_entry"><button type="button" class="bonita_form_button">Submit Documents</button></div></div>

我试过了：

<div id="Submit1" onclick="confirm('Are you sure ?')"></div>

这显示一个对话框但继续操作而不等待我的响应。 Bonita门户网站让我编辑html表单。但它需要采用这种格式。它在加载页面时自动生成按钮类型元素。所以我无法访问按钮类型类。如果我这样做，那么在那里添加onclick检查会更简单。

我的问题是onclick提交按钮类型的传播。所以我只能在最顶级的div类型上进行onclick检查，但它不适用于提交自动生成的按钮类型。谢谢

Answer 1

试一试。

  <script>
    window.addEventListener('load', function(ev) {

      document.getElementById('Submit1').addEventListener('click', function(ev) {
        if(!confirm('Are you sure ?')) {
          ev.stopImmediatePropagation();
        }
      }, true);

    }, true);
  </script>

以下是一个工作示例：http://jsbin.com/mazequvuwi/1/edit?html,js,output

Answer 2

“提交”按钮上最简单的onclick标记对于bonita门户网站并不起作用。所以我不得不解决这些问题，并将这些标签用于工作：

<button type="button" class="btn btn-primary" onclick="if(confirm('Are you sure you want
 to Submit ?')){document.getElementById('Submit')
.getElementsByTagName('button')[0].click()‌;}">Submit</button>

此处提交是一种bonitasoft提交类型。我必须将它隐藏在网页上。常规按钮调用上面的脚本并间接触发提交按钮。

在Bonita 6.3.8中实现提交按钮的确认/警告框

2 个答案: