javascript - 更改警报框上的 'ok' 按钮以停止进一步移动

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");
        };
      }

我希望警报框中有一个“确定”按钮，使用户停留在表单上以继续提供数据(现在它显示一个警报框，但仍进一步移动到 Controller 操作)。

Answer 1

更改你的 onclick:

onclick: "return myFunction()"

你的函数:

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");
      return false;
    }
    else
    {
       return true;
    }

  }