HTML 戻るボタン動作しない

Question

<input type="button" name="back" value=" 戻 る " onclick="do_back()" />
<?php echo Form::submit('form_submit', ' 登 録 ') ?>
<script type="text/javascript">
    function do_back()
    {
        $("#form_mode").val("add");
        $("#form1").submit();
    }
</script>

上記のコードを真似して
modeを””の時に「戻る」処理が走る

        <table>
            <tr>
                <td>
                    <input type="button" name="back" value=" 戻 る " onclick="do_back()" />
                    <?php echo Form::submit('submit', '送信') ?>
                </td>
            </tr>
        </table>

<script type="text/javascript">
    function do_back()
    {
        $("#form_mode").val("");
        $("#form1").submit();
    }
</script>

を書いたのですが
「ボタン」を押しても何も動かず
原因を調べてもさっぱりわかりません。

戻るボタンが聞かない原因はどこにあるのでしょうか。

追記
動かない方

ソースコード表示をしてみました

        <table>
            <tr>
                <td>
                    <input type="button" name="back" value=" 戻 る " onclick="do_back()" >
                    <input name="submit" value="送信" type="submit" id="form_submit" />                </td>
            </tr>
        </table>
<script type="text/javascript">
    function do_back()
    {
        $("#form_mode").val("");
        $("#form1").submit();
    }
</script>

動く方

<input type="button" name="back" value=" 戻 る " onclick="do_back()" />
<input name="form_submit" value=" 登 録 " type="submit" id="form_form_submit" />
<script type="text/javascript">
    function do_back()
    {
        $("#form_mode").val("add");
        $("#form1").submit();
    }
</script>        </td>

    </tr>
</table>

Comments

[kei344]

出力されたHTML（ブラウザで「ページのソースを表示」）を質問文に追記されたほうが回答を得やすいと思います。

[amaguri]

ソースコードの表示を行いたいと思います！

[kei344]

「#form_mode」「#form1」にあたるHTML要素が書かれていないですが、無いということでしょうか。

Answer 1

ブラウザF12を押して開発ツールからコンソールにエラーが記載されていないか確認してください
ちなみにjQueryの本体は読み込んでいますよね？

Comments

[amaguri]

jQueryの本体は読みこみができています
エラー確認をしてみます

[amaguri]

エラーか表示されていなかったです。。

[yambejp]

ああ、それって
<input name="submit" value="送信" type="submit" id="form_submit" />
が、悪さしてますね
name=submitはNGです、プログラムのsubmit処理を打ち消します

[amaguri]

なるほど、、

Answer 2

JS部分を

<script type="text/javascript"> function do_back() { $("*[name=mode]").val(""); } </script>

とすることで動作しました。

Comments

[yambejp]

form中のnameの使い方注意してください
form.submitというオブジェクトとform.submit()のメソッドが競合します

[amaguri]

なるほど、、、