タグ

jqueryとformに関するh1rokey0401のブックマーク (3)

  • 数値の増減 | jQuery逆引き | Webサイト制作支援 | ShanaBrian Website

    ライブラリのダウンロードと設置 「ライブラリのダウンロード」をクリックしてダウンロードしてください。 ライブラリのダウンロード ダウンロードしたjquery.number-spinner.jsを任意の場所へ置き読み込みます。 (jQueryの設置および読み込みは、完了もしくは同時作業を行っているものとします。) <script type="text/javascript" src="jquery.number-spinner.js"></script> 【JavaScript】 $(function() { $('.sample').numberSpinner(); }); 【HTML】 <p><input type="text" name="num" value="0" class="sample" /></p>

    数値の増減 | jQuery逆引き | Webサイト制作支援 | ShanaBrian Website
  • Enterキーを無効にする方法 - Qiita

    Enterキーを押すと、フォームが送信されることがある。 キーボード入力後、マウス操作してクリックする、という手間が省けてとても便利だと思う。 しかし、入力中にうっかり押してしまったりなど、期待しない挙動をしてしまうこともあるだろう。 この挙動は、HTMLの仕様がそうなっているからである。 ※ 古いブラウザでは以下の内容で対処できない場合があります。 ※ ブラウザの仕様が変わり、以下の内容では対応できなくなる場合があります。 対処方法① 送信ボタンを書き換える(テキストフィールドなどが2つ以上のとき) テキストフィールドなどがアクティブな状態で、Enterキーを押すとフォームが送信される。 <form name="testform1" action="test1.html"> <input type="text" name="text1" /> <input type="text" nam

    Enterキーを無効にする方法 - Qiita
  • テキストフィールドがEnterキーでサブミットされるのを防ぐ - Qiita

    ※コメントの指摘を修正済みです。 HTMLではForm内にテキスト一行入力系のフィールドが一つだった場合、そこでEnterキーを押すとSubmitされる仕様になっている。 詳しい仕様に関しては以下を参照: HTML5の仕様: http://www.w3.org/TR/html5/forms.html#implicit-submission 古くからの仕様: http://www.w3.org/MarkUp/html-spec/html-spec_8.html#SEC8.2 具体的には、inputのtypeが text, search, url, tel, email, password, datetime, date, month, week, time, datetime-local, number のどれかだと、この挙動になる。 これが厄介なのは、Form内にチェックボックスやテキスト

    テキストフィールドがEnterキーでサブミットされるのを防ぐ - Qiita
  • 1