フォームを送信する前にJavascript関数を実行

Question

バックエンドコントローラとJavaScript関数を実行する次のスプリングフォームがありますが、すべて動作しますが、フォームを送信する前に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の

ここ

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

Answer 1

でjavascript関数を実行する実施例です。

$('#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>

Answer 2

終わりpreventDefault Event

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

とあなたのdoSomethingの（）関数内を使用してみてください追加します。

$("#form").submit(); 

これは、最初にあなたのdoSomethingのを実行します（）関数を呼び出し、関数を介してフォームを提出します。

Answer 3

フォームを送信する前にコードを実行されます。この

$("#form").submit(function(e) { 
    e.preventDefault(); 
    ..... do you action/ call custom function 
    this.submit(); 
    return false; //I put it here as a fallback 
});