Documentation

Zend_Form クイックスタート - Zend_Form

Zend_Form クイックスタート

このクイックスタートガイドでは、Zend_Form を用いたフォームの作成や検証、そしてレンダリングについての基本を扱います。

フォームオブジェクトの作成

フォームオブジェクトを作成するのは非常に簡単で、 単に Zend_Form のインスタンスを作成するだけです。

  1. $form = new Zend_Form;

より高度に使いこなす際には Zend_Form のサブクラスを作成することになるかもしれません。 しかし、単純なフォームの場合は Zend_Form オブジェクトをそのまま使えばプログラム上でフォームを作成できます。

フォームのアクションやメソッドを指定したい場合は (普通はするでしょうね)、 setAction() メソッドおよび setMethod() メソッドを使用します。

  1. $form->setAction('/resource/process')
  2.      ->setMethod('post');

このコードは、フォームのアクションをパーシャル URL "/resource/process" に設定し、メソッドに HTTP POST を指定します。これは、最終的なレンダリングの際に反映されます。

さらに、<form> タグ用のその他の HTML 属性を設定することもできます。 その場合は setAttrib() メソッドあるいは setAttribs() メソッド使用します。 たとえば id を指定したい場合は、"id" 属性を使用します。

  1. $form->setAttrib('id', 'login');

フォームへの要素の追加

要素がなければフォームには何の意味もありません。 Zend_Form にデフォルトで組み込まれている要素を使用すると、 Zend_View ヘルパーを用いて XHTML 形式でレンダリングできます。 以下のような要素が組み込まれています。

  • button

  • checkbox (あるいは複数チェックボックスを一度にレンダリングする multiCheckbox)

  • hidden

  • image

  • password

  • radio

  • reset

  • select (通常のものと複数選択形式のものの両方)

  • submit

  • text

  • textarea

フォームに要素を追加するには、二通りの方法があります。 フォーム要素のインスタンスを作成してそのオブジェクトを渡す方法と、 単に要素の型だけを渡して Zend_Form にその型のオブジェクトを作成させる方法です。

いくつか例を示します。

  1. // 要素のインスタンスを作成してフォームオブジェクトに渡します
  2. $form->addElement(new Zend_Form_Element_Text('username'));
  3.  
  4. // フォーム要素の型をフォームオブジェクトに渡します
  5. $form->addElement('text', 'username');

デフォルトでは、バリデータやフィルタは一切含まれません。 つまり、追加した要素に対して最低でもバリデータを指定し、 おそらくフィルタも指定しなければならないということです。 これは、(a) 要素をフォームに追加する前に行う、 (b) Zend_Form で要素を作成する際のオプションで指定する、 あるいは (c) 要素を追加した後でフォームオブジェクトから要素を取り出し、 それを設定する のいずれかの方法で行います。

まずは要素のインスタンスにバリデータを追加する例を見てみましょう。 Zend_Validate_* オブジェクトそのものを渡すか、 あるいは使用するバリデータの名前を渡すことになります。

  1. $username = new Zend_Form_Element_Text('username');
  2.  
  3. // Zend_Validate_* オブジェクトを渡します
  4. $username->addValidator(new Zend_Validate_Alnum());
  5.  
  6. // バリデータ名を渡します
  7. $username->addValidator('alnum');

2 番目の方法を使用する場合、 もしバリデータのコンストラクタに引数を指定するのならば それを配列形式で 3 番目のパラメータとして指定します。

  1. // 正規表現パターンを渡します
  2. $username->addValidator('regex', false, array('/^[a-z]/i'));

(2 番目のパラメータの意味は、 このバリデータの検証に失敗した場合にそれ以降のバリデータの実行を防止するか否かを表します。 デフォルトではこの設定は FALSE です)

特定の要素を必須項目として指定したいこともあるでしょう。 その場合は、アクセサメソッドで指定するか、 要素を作成する際のオプションとして指定します。 ここでは前者の方法の例を示します。

  1. // この要素は必須です
  2. $username->setRequired(true);

要素が必須な場合は、'NotEmpty' バリデータが バリデータチェインの先頭に追加されます。 これで、必須要素には値が入力されていることが保証されます。

フィルタの登録方法は、基本的にはバリデータと同じです。 例として、最終的な値を小文字変換するフィルタを追加してみましょう。

  1. $username->addFilter('StringtoLower');

これまでの内容をまとめると、要素の設定はこのようになります。

  1. $username->addValidator('alnum')
  2.          ->addValidator('regex', false, array('/^[a-z]/'))
  3.          ->setRequired(true)
  4.          ->addFilter('StringToLower');
  5.  
  6. // あるいは、もうすこしコンパクトに書くなら
  7. $username->addValidators(array('alnum',
  8.         array('regex', false, '/^[a-z]/i')
  9.     ))
  10.     ->setRequired(true)
  11.     ->addFilters(array('StringToLower'));

シンプルといえばシンプルですが、 フォームのすべての要素についてこれを行うというのも ちょっと面白くありません。上で説明した (b) の方法を試してみましょう。 Zend_Form::addElement() をファクトリメソッドとして使用して新しい要素を作成する際に、 設定オプションを渡すことができます。 たとえば、使用するバリデータやフィルタをここで指定することが可能です。 先ほどと同じ設定を行うには、次のように書きます。

  1. $form->addElement('text', 'username', array(
  2.     'validators' => array(
  3.         'alnum',
  4.         array('regex', false, '/^[a-z]/i')
  5.     ),
  6.     'required' => true,
  7.     'filters'  => array('StringToLower'),
  8. ));

Note: 同じオプションを指定した要素をいろんな場所で使用するような場合は、 Zend_Form_Element のサブクラスを作成してそれを使用するといいでしょう。 長い目で見れば、そのほうがタイピング量を軽減できます。

フォームのレンダリング

フォームのレンダリングの方法は簡単です。 ほとんどの要素は Zend_View ヘルパーを用いて自身のレンダリングを行うので、 ビューオブジェクトが必要となります。 それ以外の方法としては、フォームの render() メソッドを使う方法と単純に echo する方法があります。

  1. // 明示的に render() をコールし、オプションでビューオブジェクトを渡します
  2. echo $form->render($view);
  3.  
  4. // 事前に setView() でビューオブジェクトが設定されているものとします
  5. echo $form;

デフォルトでは、Zend_FormZend_Form_ElementViewRenderer が初期化したビューオブジェクトを使おうと試みます。 つまり、Zend Framework の MVC を使用している場合は、自分でビューを設定する必要はないということです。 フォームをビュースクリプト内でレンダリングするには、 単に次のように書くだけです。

  1. <?php echo $this->form ?>

水面下では、Zend_Form は "デコレータ" を用いてレンダリングを行っています。 このデコレータが、コンテンツの置換や 先頭 (あるいは末尾) へのコンテンツの追加、 その他コンテンツに対する操作を行うことになります。 複数のデコレータを組み合わせることで、 さまざまな効果を適用できます。 デフォルトでは、Zend_Form_Element は 4 つのデコレータを組み合わせて出力を行います。 その設定は、次のようになっています。

  1. $element->addDecorators(array(
  2.     'ViewHelper',
  3.     'Errors',
  4.     array('HtmlTag', array('tag' => 'dd')),
  5.     array('Label', array('tag' => 'dt')),
  6. ));

(<HELPERNAME> は使用しているビューヘルパーの名前で、 これは要素によって異なります)

上の設定で出力した結果は次のようになります。

  1. <dt><label for="username" class="required">Username</dt>
  2. <dd>
  3.     <input type="text" name="username" value="123-abc" />
  4.     <ul class="errors">
  5.         <li>'123-abc' has not only alphabetic and digit characters</li>
  6.         <li>'123-abc' does not match against pattern '/^[a-z]/i'</li>
  7.     </ul>
  8. </dd>

(フォーマットは異なるかもしれません)

出力を変えたい場合は、その要素で使用するデコレータを変更することもできます。 詳細な情報は、デコレータのセクションを参照ください。

フォームオブジェクトが各要素を順に処理し、 HTML <form> タグの中に出力していきます。 フォームを設定した際に指定したアクションとメソッドが <form> タグに設定されます。 また同時に、 setAttribs() 系のメソッドで設定した属性もここで設定されます。

要素の処理は、登録した順に行われます。 要素の中に order 属性が指定されている場合は、 そこで指定した順に従います。 order を指定するには次のようにします。

  1. $element->setOrder(10);

あるいは、要素を作成する際にオプションとして指定します。

  1. $form->addElement('text', 'username', array('order' => 10));

フォームの妥当性の検証

フォームが送信されたら、 その内容をチェックしてバリデーションを通過したかどうかを確認しなければなりません。 各要素に入力されたデータについてチェックを行います。 要素名にマッチするキーが存在しない場合、 もしその項目が必須指定されているのなら NULL 値が指定されたものとしてバリデーションを行います。

データはどこから取得するのでしょう? たとえば $_POST$_GET、あるいはその他のデータソース (ウェブサービスへのリクエストなど) からです。

  1. if ($form->isValid($_POST)) {
  2.     // 成功!
  3. } else {
  4.     // 失敗!
  5. }

AJAX リクエストの場合は、特定の要素や要素群だけを検証することもあります。 isValidPartial() はフォームの一部を検証します。 しかし、 isValid() とは異なり、キーが存在しない場合はその要素のバリデーションを行いません。

  1. if ($form->isValidPartial($_POST)) {
  2.     // 存在する要素はすべてバリデーションに通過しました
  3. } else {
  4.     // いくつかの要素がバリデーションに失敗しました
  5. }

さらに、 processAjax() メソッドでもフォームの一部の検証を行うことができます。 isValidPartial() とは異なり、 このメソッドでは失敗時のエラーメッセージを JSON 形式の文字列で返します。

バリデーションを通過したとしましょう。 これで、フィルタリング済みの値を取得できるようになりました。

  1. $values = $form->getValues();

フィルタリング前の値を取得したい場合は次のようにします。

  1. $unfiltered = $form->getUnfilteredValues();

一方、部分的に妥当なフォームのうち、妥当でフィルタ処理した全ての値を必要とする場合、 以下を呼び出しできます。

  1. $values = $form->getValidValues($_POST);

エラー情報の取得

バリデーションに失敗したらどうしたらいいのでしょう? たいていの場合は、フォームを再度レンダリングすることになるでしょう。 デフォルトのデコレータを使用している場合は、 エラーメッセージも表示されるようになります。

  1. if (!$form->isValid($_POST)) {
  2.     echo $form;
  3.  
  4.     // あるいは、ビューオブジェクトを代入してビューをレンダリングします...
  5.     $this->view->form = $form;
  6.     return $this->render('form');
  7. }

エラーの内容を調べるには二通りの方法があります。 getErrors() は、要素名とコードを対応させた連想配列を返します (コードは、エラーコードの配列となります)。 getMessages() は、要素名とメッセージを対応させた連想配列を返します (メッセージは、エラーコードとエラーメッセージを対応させた連想配列となります)。 エラーが発生していない要素については、 結果の配列には含められません。

まとめ

では、シンプルなログイン画面を作ってみましょう。 この画面では、以下の項目に対応する要素が必要となります。

  • ユーザ名

  • パスワード

  • 送信ボタン

今回の例では、ユーザ名として使用できるのは英数字のみであるとします。 また、最初は必ず英字であること、長さは 6 文字から 20 文字までの間であることとし、 入力された内容はすべて小文字に変換することにします。 パスワードは 6 文字以上でなければならないようにします。 We'll simply toss the submit value when done, so it can remain unvalidated.

Zend_Form のオプションを駆使して、 フォームを作成してみましょう。

  1. $form = new Zend_Form();
  2. $form->setAction('/user/login')
  3.      ->setMethod('post');
  4.  
  5. // username 要素を作成・設定します
  6. $username = $form->createElement('text', 'username');
  7. $username->addValidator('alnum')
  8.          ->addValidator('regex', false, array('/^[a-z]+/'))
  9.          ->addValidator('stringLength', false, array(6, 20))
  10.          ->setRequired(true)
  11.          ->addFilter('StringToLower');
  12.  
  13. // password 要素を作成・設定します
  14. $password = $form->createElement('password', 'password');
  15. $password->addValidator('StringLength', false, array(6))
  16.          ->setRequired(true);
  17.  
  18. // 要素をフォームに追加します
  19. $form->addElement($username)
  20.      ->addElement($password)
  21.      // addElement() をファクトリとして使用して 'Login' ボタンを作成します
  22.      ->addElement('submit', 'login', array('label' => 'Login'));

次に、これを処理するためのコントローラを作成します。

  1. class UserController extends Zend_Controller_Action
  2. {
  3.     public function getForm()
  4.     {
  5.         // 先ほどのようなフォームを作成します
  6.         return $form;
  7.     }
  8.  
  9.     public function indexAction()
  10.     {
  11.         // user/form.phtml をレンダリングします
  12.         $this->view->form = $this->getForm();
  13.         $this->render('form');
  14.     }
  15.  
  16.     public function loginAction()
  17.     {
  18.         if (!$this->getRequest()->isPost()) {
  19.             return $this->_forward('index');
  20.         }
  21.         $form = $this->getForm();
  22.         if (!$form->isValid($_POST)) {
  23.             // バリデーションに失敗したので、フォームを再描画します
  24.             $this->view->form = $form;
  25.             return $this->render('form');
  26.         }
  27.  
  28.         $values = $form->getValues();
  29.         // ここで認証処理を行います
  30.     }
  31. }

フォームを表示するためのビュースクリプトは次のようになります。

  1. <h2>Please login:</h2>
  2. <?php echo $this->form ?>

コントローラのコードをご覧になってお気づきの通り、 やるべき作業がまだ残っています。 入力された内容が妥当な形式であったとしても、 たとえば Zend_Auth などを用いた認証処理が必要です。

Zend_Config オブジェクトの使用法

Zend_Form のすべてのクラスは Zend_Config を用いて設定できます。 コンストラクタに Zend_Config オブジェクトを渡すか、あるいは setConfig() を使用して渡すことになります。先ほどのようなフォームを INI ファイルを用いて作成できないかどうかを検討してみましょう。 First, let's follow the recommendations, and place our configurations into sections reflecting the release location, and focus on the 'development' section. 次に、指定したコントローラ ('user') 用のセクションとフォーム ('login') 用のキーを作成します。

  1. [development]
  2. ; フォーム全般のメタ情報
  3. user.login.action = "/user/login"
  4. user.login.method = "post"
  5.  
  6. ; username 要素
  7. user.login.elements.username.type = "text"
  8. user.login.elements.username.options.validators.alnum.validator = "alnum"
  9. user.login.elements.username.options.validators.regex.validator = "regex"
  10. user.login.elements.username.options.validators.regex.options.pattern = "/^[a-z]/i"
  11. user.login.elements.username.options.validators.strlen.validator = "StringLength"
  12. user.login.elements.username.options.validators.strlen.options.min = "6"
  13. user.login.elements.username.options.validators.strlen.options.max = "20"
  14. user.login.elements.username.options.required = true
  15. user.login.elements.username.options.filters.lower.filter = "StringToLower"
  16.  
  17. ; password 要素
  18. user.login.elements.password.type = "password"
  19. user.login.elements.password.options.validators.strlen.validator = "StringLength"
  20. user.login.elements.password.options.validators.strlen.options.min = "6"
  21. user.login.elements.password.options.required = true
  22.  
  23. ; submit 要素
  24. user.login.elements.submit.type = "submit"

そしてこれをフォームのコンストラクタに渡します。

  1. $config = new Zend_Config_Ini($configFile, 'development');
  2. $form   = new Zend_Form($config->user->login);

これでフォームの定義が完了しました。

結論

ここまで読み進めてこられたみなさんは、 Zend_Form のさまざまな機能を駆使するだけの準備ができたことでしょう。 さらに詳細な情報に進んでいきましょう!

Copyright

© 2006-2021 by Zend by Perforce. Made with by awesome contributors.

This website is built using zend-expressive and it runs on PHP 7.

Contacts