小池啓仁 ヒロヒト応援ブログ By はてな

小池啓仁（コイケヒロヒト）の動画など。

小池啓仁 ヒロヒト応援ブログ By はてな

改行でsubmitしないようにするには？

WEB

HTMLのfrom要素にtext属性のinput要素が１つの場合、submitボタンを押さなくても、テキストボックスに改行を入力した瞬間にsubmitされてしまいます。
たぶん、親切心からそういう仕様になっているのだと思いますが、submitしたくない場合もありますね。
以下は、そうした（submitしない）場合のサンプルを組んでみました。

<html>
<body>
<script type="text/javascript">
var fg = 0;
function test() {
    if (fg == 1) {
        fg = 0;
        return false;
    }
}
function chk(e) {
    if (e.keyCode == 13) {
        fg = 1;
    }
}
</script>
<form name="F1" action="test02.html" onSubmit="return test()">
<p><input name="I1" type="text" size="20" onKeyPress='chk(event)'></p>
</form>
</body>
</html>

注意点として、『e.keyCode』のkeyCodeは、頭文字の「k」を間違って大文字の「K」にすると全く動作しなくなりますね。


本記事が少しは役に立ちそうだと思ったら、本ブログの応援クリックも、よろしくお願いします。