フォームの入力内容をリアルタイムにチェックするサンプル(英語版)

「jQuery-Validation-Engine」を使って、フォームの入力内容をその都度自動チェックし、ミスがあればバルーンで警告を表示します。
エラーメッセージを英語で出したい場合の例です。(設問はすべて日本語ですが)

エラーメッセージを日本語で出す例はこちら

テキスト入力欄

【基本】

◎必須項目:
(必須)

【文字数の指定・制限】

◎最低6文字入力:
(必須)
(オプション)

◎最大12文字入力:
(必須)
(オプション)

◎5~10文字の範囲で入力:
(必須)
(オプション)

【文字種の制限】

◎英数字のみを入力(0~9、A~Z、a~zのみ):

◎英字と空白のみを入力:

◎数字のみを入力(空白文字も可):

【数値の制限】

◎数字のみを入力:

◎整数のみを入力:

◎「-5」以上の数値を入力:
(必須)

◎「30」以下の数値を入力:
(必須)

【入力内容のチェック】

◎URLを入力(http:// https:// ftp://で始まる):

◎メール:

◎IPアドレスを入力(IPv4のみ):

◎電話番号を入力:

【同値のチェック】

◎パスワード(同値)を入力:
入力:
確認: (上記と同じ内容を入力)

【日付のチェック・制限】

◎日付を入力(スラッシュまたはハイフン区切り):

◎日付(2010年より過去)を入力:

◎日付(今日より未来)を入力:

チェックボックス欄・ラジオボタン欄など

【選択個数の指定・制限】

◎最低2つ選択:

◎最大2つまで選択:

◎1つの選択が必須:

【選択とテキスト入力欄の関連付け】

◎「その他」欄を選択した場合だけ、テキスト入力欄への入力が必須(チェックボックス):



◎「その他」欄を選択した場合だけ、テキスト入力欄への入力が必須(ラジオボタン):



セレクトボックス欄など

【プルダウンメニュー】

◎先頭の「デフォルト項目」以外の項目の選択が必須:

【セレクトボックス】

◎先頭の「デフォルト項目」以外の項目の選択が必須:

記事に戻る