javascript - 将 Rails 表单 POST 数据传递给 JS 点击事件

Question

我有一个简单的表单，用户可以在其中编辑其个人资料数据并单击“提交”

我在提交按钮上有一个拦截单击事件，以便我可以在继续提交之前运行一些任意的客户端验证。

$(function() {

  $("body").on("click", "#user-profile input.submit", function(e) {
    // Prevent the submit from continuing
    e.preventDefault();

    // Do some validation stuff here
    //
    //

    // Assuming above was succesful, continue with original submit
    $("#user-profile form.edit_user").submit();
  });
});

我希望能够访问在拦截之前被 POST 发送到“提交”按钮的实际表单数据。更具体地说，该表单包含多个 Rails 嵌套属性，因此我也喜欢相同嵌套格式的数据。

表单POST数据参数在这里可用吗？或者我是否卡住了使用 $("css.selector").val() 从输入字段手动提取数据？

谢谢!

Answer 1

您可以添加监听器到表单事件 submit而不是点击

$("body").on("submit", "form", function(e) {
  var valid = true;
// Do some validation stuff here
//
//
  if (!this.inputName.value) valid = false;
// Prevent the submit from continuing if invalid
  if (!valid) e.preventDefault();
});

因此，如果表单元素无效，e.preventDefault(); 将阻止提交，否则将以其他方式提交。