郵便番号形式のみ受け付けるようにする

書式

feObj = new Spry.Widget.ValidationTextField(elementID, "zip_code")
または
feObj = new Spry.Widget.ValidationTextField(elementID, "zip_code",{format: "zip_custom", pattern:patString})

feObj : エレメントオブジェクト
elementID : エレメントID
patString : パターン文字列

説明

郵便番号形式のみ受け付けるようにするにはSpry.Widget.ValidationTextField()の二番目のパラメータにzip_codeを指定します。指定できる形式は以下の表のものになります。これ以外の形式にしたい場合には三番目のformatオプションでzip_customを指定し、patternで一致するパターン(例:000-0000)を指定します。

指定文字列内容
zip_us9アメリカ9桁
zip_us5アメリカ5桁
zip_ukイギリス
zip_canadaカナダ

サンプルコード [実行]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="SpryValidationTextField.css" type="text/css" media="all">
<script src="SpryValidationTextField.js" type="text/javascript"></script>
<script type="text/javascript"><!--
window.onload = function() {
new Spry.Widget.ValidationTextField("checkText1", "zip_code", {validateOn:["change"]});
}
// --></script>
</head>
<body>
<h1>Adobe Spry : 入力チェック サンプル</h1>
<p>US郵便番号形式 (00000) が入力されていればOK。チェックは入力時に行われます。
<form action="send.html">
<span id="checkText1">
<input type="text" name="text1" id="text1">
<span class="textfieldRequiredMsg">郵便番号形式 (00000) を入れてください</span>
<span class="textfieldInvalidFormatMsg">郵便番号形式 (00000) 以外は受け付けません</span>
</span>
<input type="submit" value="送信">
</form>
</body>
</html>