フォームでエンターキーを押しても送信させない方法

formでEnterキーを押してもSubmitさせない方法です。

<form action="./">
    <input type="text" name="mail" />
    <input type="text" name="name" />
    <input type="button" value="送信" />
</form>


<script src="http://code.jquery.com/jquery.js"></script>
<script>
$(function(){
    $("input[type=button]").click(function(){
        $("form").submit();
    });
});
</script>

input type="button"が押されると、jQueryでsubmitしています。

ちなみに、テキストフィールドが一つしかない場合は、以上のことを行なっても送信されてしまいますので、以下のようにdisplay:noneで見えないテキストフィールドをform内に埋め込んでテキストフィールドを2つ以上にして対処してください。

<input type="text" name="none" style="display:none;">