javascript - 在表单提交上调用自定义函数

Question

我有一个以表单形式交换数据属性和操作的函数:

$(function() {
    function SwapAction() {
        var dataAttr = $('.review-form').data();
        $('.review-form')[0].action = dataAttr.action;
    }
});

如果表单通过验证检查，我想在提交表单时执行此操作。验证 JS 如下所示:

var submitcount7303 = 0;

function checkWholeForm7303(theForm) {
  var why = "";
  if (theForm.FirstName) why += isEmpty(theForm.FirstName.value, "First Name");
  if (theForm.LastName) why += isEmpty(theForm.LastName.value, "Last Name");
  if (theForm.EmailAddress) why += checkEmail(theForm.EmailAddress.value);
  if (why != "") {
    alert(why);
    return false;
  }
  if (submitcount7303 == 0) {
    submitcount7303++;
    SwapAction(); //Calling Function 
    theForm.submit();
    return false;
  } else {
    alert("Form submission is in progress.");
    return false;
  }
}

表单未提交，我收到错误:

Reference Error: SwapAction is not defined.

这是带有操作的 HTML 表单:

<form action="" data-action="/FormProcessv2.aspx?WebFormID=89926&amp;OID={module_oid}&amp;OTYPE={module_otype}&amp;EID={module_eid}&amp;CID={module_cid}" enctype="multipart/form-data" onsubmit="return checkWholeForm7303(this)" method="post" name="catwebformform7303" class="review-form custom">

我想我忽略了一些简单的事情。如果我删除 SwapAction(); 并删除 data-action 并将表单设置回默认值，则它可以正常工作。

如何修复错误并实现我的脚本？

Answer 1

该函数不在范围内，它在包装 DOM 就绪函数的范围内，因此删除它:

function SwapAction() {
    var dataAttr = $('.review-form').data();
    $('.review-form')[0].action = dataAttr.action;
}