Question

在单击按钮时调用asp-action之前，我必须先调用js函数

<form asp-action="Index" method="post">
                @Html.AntiForgeryToken()
              var x = jsfunction();
                <div class="form-group">
                    <input type="submit" value=@Localizer["Button"] class="btn Button"  />
                </div>
            </form>

我想在单击“提交”按钮时调用js函数，然后应继续执行控制器操作方法

Answer 1

您可以尝试以下操作：

<form id='myForm' asp-action="Index" method="post">
            @Html.AntiForgeryToken()
          var x = jsfunction();
            <div class="form-group">
                <input id='submitBTN' type="button" value=@Localizer["Button"] class="btn Button"  />
            </div>
        </form>

并通过jquery或js称为点击事件”

<script>
  $('#submitBTN').on('click', function () {
    jsfunction();
    $('#myForm').submit();
   });
</script>

Answer 2

使用表单的submit事件：

const form = document.getElementById('myForm');
const checkbox = document.getElementById('check');

form.addEventListener('submit', e => {
  if (!checkbox.checked) {
    // can cancel the submit here if you want
    e.preventDefault();
    alert('not checked');
  }
  // do other stuff here before posting to the server
});

<form id="myForm" method="post" action="#submit">
  <label style="display: block">
    <input id="check" type="checkbox" />
    <span>proceed</span>
  </label>
  <button>Submit</button>
</form>

按钮提交前的Javascript功能

2 个答案: