jQuery:jQueryでsubmit(サブミット)する方法

jQueryを使用し、フォームの値をsubmitする方法をメモします。

送信したいデータを変形や追加、バリデーションのチェックなど
jQueryjavascriptを使用するとデータを送信する前に処理することが可能です。
色々な用途で使用できます。

いつも忘れてしまうので、jQueryformsubmitする方法と
javascriptformsubmitする方法をメモします。


jQueryでsubmitする方法

jQuery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#form1').submit(function() {
        // 処理
    });
});
</script>

または次のように記述します。
ボタンがクリックされた場合、サブミットしています。
私はこちらの方を使う方が多いです。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#btn').click(function() {
        $('#form1').submit();
    });
});
</script>

HTML

<form method="post" name="form1" id="form1">
    <input type="text" name="txt" value="" />
    <input type="submit" name="btn" id="btn" value="submit">
</form>

javascriptでsubmitする方法

javascript

<script type="text/javascript">
function func_submit() {
    document.form2.submit();
}
</script>

HTML

<form method="post" name="form2" id="form2">
    <input type="text" name="txt" value="" />
    <input type="submit" name="btn" id="btn" value="submit" onclick="func_submit();" />
</form>