javascriptからformをsubmitする方法｜ プロサバメモ

javascriptからformをsubmitする方法

目次

1. 始めに

サンプルの動作

送信ボタンを押されると、onclickによってform_submit関数が呼ばれて、フォームが入力されているかチェックします。

入力がなければ、alertを出力して終了。

入力があれば、formをsubmitします。

2. サンプル

以下サンプルです。

※submitは別タブになります。

javascript

<script>
    function form_submit() {
        let ele = document.getElementById("input_field");
        if( ele.value ) {
            let f = document.form1;
            f.action = "https://sym.me/demo.php"; // submit先url。submitを受けるphpなど。
            f.method = "POST";
            f.target = "_blank"; // targetの指定があれば記述
            f.submit();
        }
        else {
            alert( 'フォームに入力してください' );
        }
    }
</script>

html

<form name="form1">
    <input id="input_field" type="text" name="name" maxlength="10">
    <button type="button" onclick="form_submit();">送信</button>
</form>