新しくブログを開設しました。

Webエンジニアがデザイナーになってみる。


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

新しくブログを開設しました。

Webエンジニアがデザイナーになってみる。


http://www.jsvalidate.com/
JSvalidate

これを使うことにより、フォームに入力された値をリアルタイムにチェックすることができる。

数字以外のものを入力してはいけないときは、これを使うことにより文字列を入力したときにエラーメッセージを表示させることができるのだ。

実際に表示させてみよー

といっても使うのは簡単です。

上記URLからJAvalidateをダウンロードします。

次に

scriptaculous/lib/prototype.js
scriptaculous/src/scriptaculous.js
jsvalidate.js

をHTML上でロードします

あとは


<form name="query" method="get" action="/demo/">
  search:<input type="text" name="search" class="jsrequired">
  <input type="submit" value="find" />
</form>


のようにHTMLで表示するだけ

以下にサンプルを作成しました。

JSvalidateのサンプルだよー

フォームを選択して何も入力しないでカーソルをはずすかボタンを押下してみると・・・?

でてきます

エラーメッセージが!!

英語かよっ!w

みたいな
スポンサーサイト

テーマ:JavaScript - ジャンル:コンピュータ

<<dojoライブラリでドラッグ&ドロップ! | ホーム | dojoライブラリを使用したアニメーション[要素の移動]>>

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバック URL
http://kanamehackday.blog17.fc2.com/tb.php/119-a8f1183e
この記事にトラックバックする(FC2ブログユーザー)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。