フォーム関連要素（終） HTML5で仕様になった入力値チェック＋便利な3Tips
フォーム関連要素（終） HTML5で仕様になった入力値チェック＋便利な3Tips：HTML5“とか”アプリ開発入門（9）（1/3 ページ） HTML5で強化された入力フォームに関する話題は、今回でいったん終わりとします。これまでの3回で、＜input＞要素に加えられた変更と、新たに追加された＜form＞関連の要素についてお話ししてきました。 今回の話題は、フォームの入力値チェック（バリデーション）が主になります。また、autofocus属性やform属性など、これまでの記事で触れられなかった内容も紹介したいと思います。 HTML5では入力値チェックの仕組みが“仕様”に HTML 4までは、フォームに入力された値をチェックする仕組みがほとんど備えられていませんでした。そのため、入力値のチェックは基本的にサーバサイドでのみ行うか、JavaScriptを用いてチェックする必要がありました。 しか
prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」:phpspot開発日誌
JSValidate prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」。 prototype.js と script.aculo.usベースになっています。 submitボタン押下時に、値が正しくないと、インプットの右側に赤文字でエラーメッセージがフェードインします。 JSValidateを使った実際のデモページはこちら 関連エントリ PHPでフォームの値をリアルタイムチェック「LiveValidationPHP」 JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」
PHPでフォームの値をリアルタイムチェック「LiveValidationPHP」:phpspot開発日誌
LiveValidationPHP | Home What is LiveValidationPHP? Well in short it's a form validation script. PHPでフォームの値をリアルタイムチェック「LiveValidationPHP」。 PHPとJavaScript でリアルタイムにバリデーションする仕組みが公開されました。 次のようにフォーム内容をリアルタイムにバリデーションできます。 バリデートのルールなんかはPHPで記述でき、JavaScript に慣れていなくても使えます。 関連エントリ JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」
MOONGIFT: » フォームで便利なJavaScriptライブラリ「WebForms2」:オープンソースを毎日紹介
会員登録や商品購入など、ブラウザ上で入力を行う機会は数多い。だが、その入力がとても簡単かと言われるとそうでもない事が数多い。入力エラーがある度に戻ったり、エラーと入力欄が離れていて分かりづらいといった経験はないだろうか。 そこでJavaScriptライブラリを使ってみよう。JavaScript最大の欠点とも思える、ブラウザ互換性もきっちり確保されている。 今回紹介するオープンソース・ソフトウェアはWebForms2、クロスブラウザに対応したフォーム向けJavaScriptライブラリだ。 WebForms2はフォームの入力チェックや、ボタンによる追加入力など、便利な機能をJavaScriptで提供している。各行に対して削除ボタンをつける事で、ユーザビリティの高い画面が構成できるようになる。ダイナミックに追加入力させる際には最低/最大数も指定可能だ。他にも画像読み込み中の判定もできる。 そして
フォームの項目をチェックするjavascript「fValidator」
twitter facebook hatena google pocket 双方向性時代になりフォームは重要性を増し、簡便性に加え入力チェックが必須となってきています。 Fabio Zendhi NagaoのfValidatorでは、リアルタイムにフォームの項目をチェックすることができます。 sponsors 使用方法 fValidatorからfValidator.jsをダウンロードし、さらにmootools.jsをダウンロードします。 2つのスクリプトをhead内に埋め込み、後はフォームを普通に書きます。 そして、必須項目の場合はclassにfValidate['required']を付与するだけです。 またrequiredのほかにも以下のようなオプションがあるので、項目に合わせ適宜付与してください。 ・required：必須項目 ・alpha：アルファベット ・alphanum：アルフ
入力値を簡単に制限する「yav」とかフォーム入力チェックいろいろ
メール送信フォームやらアンケートの回答フォームやら、とにかくネット上には様々なフォームが存在しています。入力する値が間違っていると「エラー」表示を出すタイプのモノが多いですが、出される側から見れば「そんな値を入力できるようにするなよ！」「8文字までしか受け付けないんだったら、最初から入力可能な文字数を8文字に制限しておけよ！」「エラーが出たらどこを再入力すればいいのかわかりやすく表示してくれ！」などと思うこともしばしば。 というわけで、この「yav」は入力エラーチェックだけでなく、最初から入力できる値を制限したり、数字であれば範囲指定したり、入力チェック後にフォームの色を変えてわかりやすくしてくれたり、とにかくいろいろ便利な入力チェック機能を簡単に組み込むことができるオープンソースで開発されているJavaScriptファイルです。入力チェック後のエラー表示もポップアップウインドウやページ内
フォームの入力エラーを吹き出しで教えてくれる JavaScript
■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全くやってなくて、普通に JavaScript のみで入力のチェックをしてるだけなんで、真新しい事はないんですが。 実際の動作サンプル とりあえず submit ボタンを押せば、全て理解出来るかと思います。 今回は CSS のファイルと画像のファイルといっぱい出来てきてしまっていて、いつもの「読み込ませるだけ」とはちょっと毛色も違い、使うのには事前の準備が必要で面倒です。 いつもの JavaScri
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer