改变＆＃39; ok＆＃39;警报框上的按钮停止进一步移动

Question

我有一个包含3个字段的表单，我想检查（使用javascript）是否所有字段都填充了一些数据。

= f.button :submit, "Create", onclick: "myFunction()", class: "btn btn-success"   

      function myFunction() {
        var a = $('select#a').find(":selected").val();
        var b = $('select#b').find(":selected").val();
        var c = $('select#c').find(":selected").val();
        if (a == "" || b == "" || c == "") {
          alert("All fields have to be filled");
        };
      }

我想要一个好的＆＃39;警报框上的按钮使用户停留在表单上以继续提供数据（现在它显示警告框但仍然进一步移动到控制器操作）。

Answer 1

更改您的onclick：

- name: copy consul_ui files
  command: cp -r /home/{{ user }}/dist/{{ item }} /usr/share/nginx/html
  with_items:
   - "index.html"
   - "static/"

你的功能：

onclick: "return myFunction()"

Answer 2

在此块中使用“return false”。

if (a == "" || b == "" || c == "") {
      alert("All fields have to be filled");
      return false; // use this
}