【jQuery】formのリセットをで3行で書いてみる at softelメモ
フォームのリセットといえばこれ。 <input type="reset" value="リセット" /> しかしこれは各フォームのデフォルト値に戻すだけで、もともと何か値を持っていた場合、空欄の状態にはなりません。 （とあるフォームにて） そこでjQueryで各フォームを空欄・未選択にできるような処理を書いてみます。 その際、hiddenだけは空欄にしないようにしてみます。 $(".clearForm").bind("click", function(){ $(this.form).find("textarea, :text, select").val("").end().find(":checked").prop("checked", false); }); こんな感じになります。 DEMO ラジオボタン が選択されていても。 なにかチェックされていても。 テキストエリアでも。
jQuery File Upload Demo
jQuery File Upload Demo File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. Pintura
チェックボックスやラジオボタンのデザインを変更可能な送信フォームを実装する為のフレームワーク・Ideal Formsにバリデーション機能が付いた
チェックボックスやラジオボタン、 セレクトボックスなどのデザイン を変更可能で、バリデーションも できる送信フォームのフレームワ ーク・Ideal Formsのご紹介です。 以前ご紹介したフォームデザインフレームワーク・Ideal Formsのサイトが無くなっていて、探していたらバリデーション機能が加わっていてLESSにも対応して、githubでホスティングされていました。ついでにレスポンシブWebデザインにも対応してるみたいですね。と言うわけでついでに改めてご紹介です。 言葉だけ日本語化してサンプル作りました。 ただし、日本語にしただけで、日本向けのバリデーションをしてくれる、という訳ではありません。名前や誕生日も欧米文化に沿って正規表現でチェックしてるみたいですので日本向けに変更する必要がありそうです。 細かく解説・・と思ったんですけどGithubで結構詳しく書かれているし、ググれば使
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
