JavaScriptで<input type="file">で選択されたファイルサイズを取得する〜IE編〜 - わたしの日記だよ
先日作った、画像ファイルが選択されたら、ファイルアップロードを行う処理↓↓ struts+jQuery Form Pluginを使ったファイルアップロード① - わたしの日記だよ ですが、JavaScriptでファイルサイズをチェックする処理を入れていたものの IE8だとチェックが効かないよ！と言われてしまいました。 １．現在の実装 今のjsファイルはこんな感じ。（赤字の部分です） fileupload = function(event) { var $form, target; target = event.target ? event.target : event.srcElement; $form = $(target).closest('form'); return $form.ajaxSubmit({ 'target': "body", 'cache': false, 'befo
フォームの入力を限定するjavascript「MaskedInput」
フォームでは、電話番号や郵便番号、プロダクトIDなどの定型的な入力方式を固定することがユーザビリティの向上に役立つかも知れません。 digitalBushのMaskedInputでは、リアルタイムにフォームの入力方式をチェックすることができます。 sponsors 使用方法 MaskedInputのjquery.maskedinput-1.0.jsに加え、jQueryが必要になります。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.maskedinput-1.0.js" type="text/javascript"></script> 上記のようにhead内にスクリプトを埋め込み、入力方式を固定したいinputの
Chromeのautocomplete選択時にJavaScriptのイベントを発火させる方法 - Qiita
はじめに Chromeでinputタグにfocusをした状態で上矢印か下矢印をクリックすると、ブラウザに保存されたテキストが出てきます。 こちらをmousedownで選択した際、mousedownもchangeもfocusもblurも発生しませんでした。 「autocomplete="false"にして解決☆」 みたいなことが各所に書かれていたんですが、ユーザーにやさしくないのでいろいろ検索していました。 setIntervalを回してちょっと前のvalueと比較というのもメンドクサイユーザーにやさしくないので避けたいです。 結果的に、jQueryであっさり解決したのでメモしておきます。 解決方法
jQueryでテキストボックスの変更を監視/検知する - Qiita
はじめに テキストボックスの変更を検知したくてイベントの挙動を調べたりしたのでメモ。 change, keypress, keyupの挙動まとめ キー操作したときにどんなイベントが発生するのかは日本語入力時に発生するキーイベントのテストを使って確認させていただきました。 ポイント changeはフォーカスが外れたときに発生する keypressは全角やdelete,backspaceを入力しても発生しない keyupはカーソル移動や全角・半角の切り替えなどすべてのキー操作を拾ってしまう change changeイベントを使うと変更を検知できます。
自動計算 onkeyup - Google 検索
jQuery keyupメソッドでテキストボックスに入力した値から自動計算する ... 浮動小数点値を返します。 ... 与えられた数値を固定小数点表記を用いて表した文字 ...
二度押しで選択解除できるラジオボタン
解除できるラジオボタンを設置したいときもあります。 解除ボタンを追加して押させるのもスマートじゃないので、チェック済のラジオボタンを押したら選択解除できるようにしてみます。 ネットで情報を探すと苦戦している人も多いけど、チェックされてる値を記憶しておいて、同じラジオボタンが押されたら解除するだけ、意外と簡単です。 JQueryで書いてみましたが、別に素のJavaScriptでも簡単だと思います。 選択肢１ 選択肢２ 選択肢３ <script> $(function(){ var nowchecked = $('input[name=xxxx]:checked').val(); $('input[name=xxxx]').click(function(){ if($(this).val() == nowchecked) { $(this).prop('checked', false); no
「readonlyの解除ができない」 - 地球ウォーカー２
と、この間会社の先輩（JavaScriptは初心者）が嘆いていたので、同じコトで困っている誰かの為にエントリ。 その先輩が書いていたソースはこんな感じ。 <script> function f() { var t = document.getElementById('text1'); t.readonly = "false"; } </script> <input type="text" id="text1" value="" readonly /> <input type="button" onclick="f();" value="読取専用解除" /> 期待する動作としては「ボタンクリック→読取専用解除」なんだけど、これではうまくいかない。理由は２つ。 その１：readonlyじゃない HTMLではreadonlyだけど、JavaScriptの場合はreadOnlyというプロパティを使
changeイベント：フォームや選択メニューが変更されたとき
change イベントはフォーム( input 要素)や選択メニュー( select 要素 )、テキストエリア( textarea 要素)にてユーザーの操作によって値が変更されたときに発生するイベントです。 onchange 属性または onchange プロパティに対してイベントハンドラを設定したり、 addEventListener メソッドの引数として change を指定してイベントリスナーを登録できます。ここでは JavaScript を使って change イベントが発生した場合の処理を記述する方法について解説します。
onsubmitやonclickで処理を中断させる方法(return false) - (ﾟ∀ﾟ)o彡 sasata299's blog
2010年01月11日22:30 JavaScript onsubmitやonclickで処理を中断させる方法(return false) よく、リンクで onclick とか、フォームで onsubmit とかするじゃないですか。それで、今回もこんな感じのことをやろうと思ったんです。 テキストが空だったら警告を出して処理を中断する テキストが空じゃなかったらアクションを実行する 「onsubmit の返り値が false なら submit の処理が中断されるだろう」と思ってさくっとこんな感じに書いてみました。いたってシンプルです。 <script type="text/javascript"> function blank_check() { if (document.getElementById('name').value == "") { alert("ﾆｭｳﾘｮｸｰヽ(ﾟ∀ﾟ)ﾉ
[JS]実装も簡単、必須入力の有無やメールアドレスのチェックなどフォームのバリデーションをおこなう軽量スクリプト -Validetta
選択しているのが2つかどうか Validettaは、以下の項目がチェックできます。 データが空かどうか。 電子メールのチェック。 数字のチェック。 クレジットカード番号のチェック。 フィールド内の文字数のチェック。 チェックボックスやセレクトボックスの選択数のチェック。 2つのフィールドが同じかどうか。 正規表現を使ったフィールドのチェック。 Validettaの使い方 Step 1: 外部ファイル jquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <link href="validetta/validetta.css" rel="stylesheet" type="text/css" media="screen" > <script type="text/javascript" src="http://code.jquery.com/jquery-late
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
