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

Question

我有以下执行后端控制器和 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();
  });

原文由 Ali-Alrabi 发布，翻译遵循 CC BY-SA 4.0 许可协议

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>

原文由 Abid Nawaz 发布，翻译遵循 CC BY-SA 3.0 许可协议