テキストフィールド検査 Widget のエラーメッセージのテキストスタイルを変更するには、次の表を使用して適切な CSS ルールを見つけ、デフォルトのプロパティを変更するか、または独自のテキストスタイルプロパティおよび値を追加します。

 さまざまな状態のテキストフィールド検査 Widget の背景色を変更するには、次の表を使用して適切な CSS ルールを見つけ、デフォルトの背景色値を変更します。

 オートコンプリート文字を使用するには、次のように、フォーマットパターンに文字を挿入します。

<script type="text/javascript">
	var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1", "zip_code", {format:"zip_custom", pattern:"AA.00AA"});
</script>

上のコードでは、UT.99CW、AB.87PP、GV.44RE などの値を受け入れるテキストフィールドが作成され、ユーザーがフィールドに最初の 2 つの大文字を入力すると、オートコンプリート文字として自動的にピリオドが表示されます。

Spry では、次の例のように、文字 (上の表の文字を除く) をオートコンプリートすることもできます。

<script type="text/javascript">
	var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1", "zip_code", {format:"zip_custom", pattern:"AA.00AAF3"});
</script>

上のコードでは、UT.99CWF3、AB.87PPF3、GV.44REF3 などの値を受け入れるテキストフィールドが作成されます。ユーザーがこのフィールドに最初の 2 つの大文字を入力すると、オートコンプリート文字としてピリオドが表示され、最後の 2 つの大文字を入力すると、F3 が表示されます。

上の表に示されている特殊文字をオートコンプリート文字として使用するには、次の例のように、2 つのバックスラッシュ (\\) で特殊文字をエスケープします。

<script type="text/javascript">
	var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1", "zip_code", {format:"zip_custom", pattern:"AA.00AA\\B3"});
</script>

上のコードでは、UT.99CWB3、AB.87PPB3、GV.44REB3 などの値を受け入れるテキストフィールドが作成されます。ユーザーがこのフィールドに最初の 2 つの大文字を入力すると、オートコンプリート文字としてピリオドが表示され、最後の 2 つの大文字を入力すると、B3 が表示されます。

バックスラッシュ (\) をオートコンプリートのシーケンスの一部として使用するには、次のように、バックスラッシュを二重にしてから、2 つのバックスラッシュを使用してそれをエスケープします。合計では、4 つのバックスラッシュ (\\\\) になります。

<script type="text/javascript">
	var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1", "zip_code", {format:"zip_custom", pattern:"AA\\\\00AA"});
</script>

上のコードでは、UT\99CW、AB\87PP、GV\44RE などの値を受け入れるテキストフィールドが作成され、ユーザーがフィールドに最初の 2 つの大文字を入力すると、オートコンプリート文字として自動的にバックスラッシュが表示されます。

 Widget の状態関連のクラス名を変更するには、次のように、上書きを行うオプションのいずれかを Widget コンストラクタの 3 番目のパラメータに追加し、カスタムクラス名を指定します。

<script type="text/javascript">
	var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {requiredClass:"required"});
</script>