2017-12-12 1 views
0

送信ボタンとjp関数を同じボタン上で実行できますか?私はphpを使用してデータベースにフォームデータを送信する送信ボタンを持っていますが、ボタンをクリックしても第2のアクション(JavaScript関数)を実行します。それは可能ですか?JavaScriptとphpを1つのボタンで実行する

+1

? – Sunil

+0

[フォーム提出JavaScriptのベストプラクティスを実行しますか?](https://stackoverflow.com/questions/8082846/form-submit-execute-javascript-best-practice) –

答えて

2

onclick()イベントを送信ボタンに追加できます。フォームを送信する前に実行されます。

var buttonClick =() => { 
 
    alert("Do what you want to do!"); // Add your second work here 
 
}
<form action="yourfile.php"> 
 
    <input type="submit" onclick="buttonClick();"> 
 
</form>

0

正しい方法は、復帰状態とフォームでのonSubmit属性のJavaScript関数を呼び出すことです。したがって、フォームは、送信を続行する前にJavaScriptがtrueを返すまで待機します。

あなたが質問をする前に、すでに試してみましたがどのようなHTML

<form action="something.php" onsubmit="return someJsFunction()"> 
<!-- form elements --> 
<input type="submit" value="submit"> 
</form> 

はJavaScript

function someJsFunction(){ 

    //your validations or code 

    if(condition == false){ 
     return false; // This will prevent the Form from submitting and lets 
        // you show error message or do some actions 
    }else{ 
     return true; // this will submit the form and handle the control to php. 
    } 
    } 
関連する問題