フォームの検証の追加
Zen では、クライアント側のフォーム検証を簡単にフォームに追加できます。form の save メソッドは、追加する検証ロジックを自動的に実行します。例えば、<text> 要素の required 属性の値を “true” に設定するだけで、フォームの Name フィールドを必須にすることができます。次のように、<text> 要素を更新します。
<text label="Name:" dataBinding="Name" required="true" size="25"/>
これでフォームの Name フィールドが空の場合、フォームを保存できなくなります。フォームを保存しようとすると、ブラウザにより警告メッセージが表示され、空の Name フィールドが強調表示されます。
以下に示すのは、Name フィールドに何も入力せずにフォームを送信しようとした場合の結果です。