テキストフィールドに整数値のみを入力できるように設定するには、次に示すように、"integer" をコンストラクタの 2 番目のパラメータの値として追加します。

<script type="text/javascript">
	var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1", "integer");
</script>

整数検査が設定されたテキストフィールドには、負の値と正の値の両方を入力できます。 正の値のみを入力できるようにするには、allowNegative オプションを 3 番目のパラメータに追加し、その値を false に設定します。

<script type="text/javascript">
	var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1", "integer", {allowNegative:false});
</script>

 テキストフィールドに標準の電子メールフォーマットのみを入力できるように設定するには、次に示すように、"email" をコンストラクタの 2 番目のパラメータの値として追加します。

<script type="text/javascript">
	var sprytextfield1= new Spry.Widget.ValidationTextField("sprytextfield1", "email");
</script>

次の構文を使用して、3 番目のパラメータのオプションを設定することもできます。

<script type="text/javascript">
	var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1", "email", {option:value});
</script>

 テキストフィールドに日付フォーマットを入力できるように設定するには、次に示すように、"date" をコンストラクタの 2 番目のパラメータの値として追加します。

<script type="text/javascript">
	var sprytextfield1= new Spry.Widget.ValidationTextField("sprytextfield1", "date");
</script>

デフォルトの日付フォーマットは "mm/dd/yy" (米国の日付フォーマット) です。 ただし、format オプションを使用すると、他の多数の日付フォーマットを 3 番目のパラメータで設定できます。以下に例を示します。

<script type="text/javascript">
	var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1", "date", {format:"yyyy-mm-dd"});
</script>

 テキストフィールドに時刻フォーマットを入力できるように設定するには、次に示すように、"time" をコンストラクタの 2 番目のパラメータの値として追加します。

<script type="text/javascript">
	var sprytextfield1= new Spry.Widget.ValidationTextField("sprytextfield1", "time");
</script>

デフォルトの時刻フォーマットは "HH:mm" (時間および分) です。 ただし、format オプションを使用すると、他の多数の時刻フォーマットを 3 番目のパラメータで設定できます。以下に例を示します。

<script type="text/javascript">
	var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1", "time", {format:"HH:mm:ss"});
</script>

 テキストフィールドにクレジットカードフォーマットを入力できるように設定するには、次に示すように、"credit_card" をコンストラクタの 2 番目のパラメータの値として追加します。

<script type="text/javascript">
	var sprytextfield1= new Spry.Widget.ValidationTextField("sprytextfield1", "credit_card");
</script>

デフォルトでは、すべての種類のクレジットカードが検査されます。ただし、format オプションを使用すると、特定のクレジットカードフォーマットを 3 番目のパラメータで指定できます。以下に例を示します。

<script type="text/javascript">
	var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1", "credit_card", {format:"visa"});
</script>

 テキストフィールドに郵便番号フォーマットを入力できるように設定するには、次に示すように、"zip_code" をコンストラクタの 2 番目のパラメータの値として追加します。

<script type="text/javascript">
	var sprytextfield1= new Spry.Widget.ValidationTextField("sprytextfield1", "zip_code");
</script>

デフォルトのフォーマットは、米国の 5 桁の郵便番号フォーマットです。ただし、format オプションを使用すると、他の多数のフォーマットを 3 番目のパラメータで指定できます。以下に例を示します。

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

 テキストフィールドに電話番号フォーマットを入力できるように設定するには、次に示すように、"phone_number" をコンストラクタの 2 番目のパラメータの値として追加します。

<script type="text/javascript">
	var sprytextfield1= new Spry.Widget.ValidationTextField("sprytextfield1", "phone_number");
</script>

デフォルトのフォーマットは、米国の地域コードと電話番号のフォーマットである (000) 000-0000 です。ただし、"phone_custom" オプションと "pattern" オプションを使用すると、カスタムフォーマットを 3 番目のパラメータで指定できます。以下に例を示します。

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

 テキストフィールドに社会保障番号フォーマットを入力できるように設定するには、次に示すように、"social_security_number" をコンストラクタの 2 番目のパラメータの値として追加します。

<script type="text/javascript">
	var sprytextfield1= new Spry.Widget.ValidationTextField("sprytextfield1", "social_security number");
</script>

デフォルトのフォーマットは、米国のダッシュ付き社会保障番号である 000-00-0000 です。ただし、pattern オプションを使用すると、カスタムフォーマットを 3 番目のパラメータで指定できます。以下に例を示します。

<script type="text/javascript">
	var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1", "social_security_number", {format:"custom" pattern:"00 0000 A"});
</script>

 テキストフィールドに通貨フォーマットを入力できるように設定するには、次に示すように、"currency" をコンストラクタの 2 番目のパラメータの値として追加します。

<script type="text/javascript">
	var sprytextfield1= new Spry.Widget.ValidationTextField("sprytextfield1", "currency");
</script>

デフォルトのフォーマットは、米国の通貨フォーマットである 1,000.00 です。ただし、次に示すように、"dot_comma" フォーマット (1.000,00) を 3 番目のパラメータで指定できます。

<script type="text/javascript">
	var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1", "currency", {format:"dot_comma"});
</script>

 テキストフィールドに実数および科学的記数法を入力できるように設定するには、次に示すように、"real" をコンストラクタの 2 番目のパラメータの値として追加します。

<script type="text/javascript">
	var sprytextfield1= new Spry.Widget.ValidationTextField("sprytextfield1", "real");
</script>

テキストフィールドでは、1.231e10 などの科学的記数法の実数が検査されます。

 テキストフィールドで IP アドレスを検査するように設定するには、次に示すように、"ip" をコンストラクタの 2 番目のパラメータとして追加します。

<script type="text/javascript">
	var sprytextfield1= new Spry.Widget.ValidationTextField("sprytextfield1", "ip");
</script>

デフォルトで入力できる IP アドレスフォーマットは IPv4 です。ただし、format オプションを使用すると、その他の IP アドレスフォーマットを 3 番目のパラメータで設定できます。以下に例を示します。

<script type="text/javascript">
	var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1", "ip", {format:"ipv6"});
</script>

 テキストフィールドに URL 値のみを入力できるように設定するには、次に示すように、"url" をコンストラクタの 2 番目のパラメータの値として追加します。

<script type="text/javascript">
	var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1", "url");
</script>

URL 検査が設定されたテキストフィールドには、HTTP、HTTPS、および FTP の URL 値を入力できます。

 テキストフィールドに任意の種類のカスタムフォーマットを入力できるように設定するには、次に示すように、"custom" を 2 番目のパラメータの値として指定し、pattern オプションを 3 番目のパラメータに追加します。

<script type="text/javascript">
	var textfieldwidget1 = new Spry.Widget.ValidationTextField("textfieldwidget1", "custom", {pattern:"00 0000 AX"});
</script>