inputをつかった入力フォームのエンターで送信を防ぐ方法について

Question

入力フォームに入力する際、エンターで送信してしまいます。それをクリックだけに制限したいのですが、どのようにしたらよろしいですか？

<form action="/mypages/signup" id="MypageSignupForm" method="post" accept-charset="utf-8" ><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>
<div class="input text"><input name="data[Mypage][name]" maxlength="255" type="text" id="MypageName" placeholder="名前" /></div>
<div class="input textarea"><textarea name="data[Mypage][profile]" cols="30" rows="6" id="MypageProfile" maxlength="140" placeholder="自己紹介 （140字）"></textarea></div>
<div class="submit"><input type="submit" value="登録"/></div>
</script>
</form>

Answer 1

<form action="/mypages/signup" id="MypageSignupForm" method="post" accept-charset="utf-8" onKeyDown="if (event.keyCode == 13) {return false;}">

多分こんな感じ…。

Comments

[rimai]

うまく作動しました！ありがとうございます :)

[kwgt]

ちょうど私も悩んでいたので助かりました。

Answer 2

こちらのページに良くまとまっていました。
http://qiita.com/mimoe/items/89b317be5e38bfbc44ee

Answer 3

昔作成しました。今も使えています。

(function(window,document) {
	init();
	function addEvt(elm, tpe, func) {
		if (elm.addEventListener) {
			elm.addEventListener(tpe, func, false);
		} else if (elm.attachEvent) {
			elm.attachEvent('on' + tpe, func);
		} else {
			elm['on' + tpe] = func;
		}
	}
	function init() {
		addEvt(window, 'load', init2);
	}
	function init2() {
		var elms = document.getElementsByTagName('input');
		for (var i = 0; i < elms.length; i++) {
			addEvt(elms.item(i),'keypress',function(event) { inputkeypress(event); });
		}
	}
	function inputkeypress(e) {
		if (e != null) {
			if (e.which && e.which == 13) {	//FireFox IE11
				if (e.preventDefault) {
					e.preventDefault();		//イベントキャンセル
					e.stopPropagation();	//イベントのさらなる伝播を止める。(無くてもよい)
				}
			} else if (e.keyCode && e.keyCode == 13) {	//IE9
				e.returnValue = false;
				e.cancelBubble = true;
			}
		}
	}
})(window,document);