javascript - 在提交表单之前执行 Javascript 函数

Question

我有以下执行后端 Controller 和 JavaScript 函数的 spring 表单，一切正常，但我需要在提交表单之前执行 JavaScript 函数。如何做到这一点？

以下代码在执行 JavaScript 之前提交表单。

<form:form modelAttribute="api" id="form">
                <form:textarea path="text" class="form-control" rows="10" id="redacttext"/>
                <button type="submit" class="btn btn-default">Submit</button>
 </form:form>

Javascript 函数

function dosomething() {
 //do something 
}

通过jquery执行javascript函数

$('#form').submit(function() {
      dosomething();
  });

Answer 1

这是工作示例。

$('#submit').on('click',function() {
  dosomething();
 
});

function dosomething() {
  console.log('here');
  //return false;
  // if you want to submit the form here 
  $('#form').submit();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form:form modelAttribute="api" id="form">
  <form:textarea path="text" class="form-control" rows="10" id="redacttext" />
  <button type="button" id="submit" class="btn btn-default">Submit</button>
</form:form>