PHP code example of ryunosuke / chmonos
1. Go to this page and download the library: Download ryunosuke/chmonos library . Choose the download type require .
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
ryunosuke / chmonos example snippets
// Form インスタンスを作成
$form = new Form([/* ルールについては後述 */], [
'nonce' => '', // 生成される script タグの nonce 属性を指定します(CSP 用です。不要なら指定不要です)
'inputClass' => Input::class, // UI 要素の検証やレンダリングに使用する Input クラス名を指定します。基本的には指定不要です
'vuejs' => false, // レンダリングが vuejs に適した形になります
]);
// POST でバリデーション
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$form->validateOrThrow($_POST);
}
// レンダリング
$form->form([/* form の属性*/]); // form 開きタグ
$form->form(); // form 閉じタグ(引数無しで閉じる)
$form = new Form([
'element_name1' => [
'title' => '', // 画面に表示される際の論理名を指定します
'normalize' => [], // 入力値のプレフィルタです(後述)
'condition' => [], // 入力条件を配列で指定します(後述)
'options' => [], // checkbox や radio などの選択肢を配列で指定します。キーが値、値が表示文字列です
'invalids' => [], // 無効 options を指定します(後述)
'invalid-option-prefix' => "\x18", // 無効 options を表すプレフィックスを指定します(後述)
'datalist' => [], // datalist を生成します。現状では「自動 Condition が行われない options」という仕様です
'event' => ['change'], // js チェックが走るイベント名を指定します(後述)
'propagate' => [], // js チェックのイベントの伝播先を指定します(後述)
'message' => [], // エラーメッセージを指定します(後述)
'phantom' => [], // 疑似データソースを指定します(後述)
'attribute' => [], // その他のカスタムデータです。html レンダリングされる際のタグ属性にもなります
'inputs' => [], // ネスト構造を再帰的に記述します(後述)
'checkmode' => [ // サーバー・クライアントサイドのどちらで検証を行うか指定します(非推奨。将来的に削除されます)
'server' => true, // server を true にするとサーバーサイドで検証が行われます
'client' => true, // client を true にするとクライアントサイドで検証が行われます
],
'wrapper' => null, // input 要素をラップする span class を指定します。未指定だとラップしません
'grouper' => null, // input 要素郡(同じ名前の radio/checkbox)をラップする span class を指定します。未指定だとラップしません
'invisible' => false, // 不可視状態で検証を行うかを指定します
'ignore' => false, // 検証や依存関係の値としては全て有効ですが最終的な結果から除くかを指定します(後述)
'trimming' => true, // 値のトリミングを行うかを指定します
'needless' => [], // 必須ではない場合の属性を指定します(後述)
'autocond' => true, // 一部の入力条件を自動設定するかを指定します(後述)
'delimiter' => null, // 配列⇔文字列の区切り文字を指定します(後述)
'multiple' => null, // 複数入力か否かを指定します(後述)
'dependent' => true, // 自動伝播設定を行うかを指定します(後述)
'pseudo' => true, // ダミー hidden を生成するかを指定します(後述)
'nullable' => false, // 値が null の場合でも default 値を使用するか指定します
// 'default' => null, // 値が飛んでこなかった時のデフォルト値を指定します(後述)
// 'fixture' => null, // Form/Context の getFixture が呼ばれた時に固定値として使用されます(後述)
],
'element_name2' => [/* 構造は同じ */],
// ・・・
]);
$rule = [
'condition' => [
'Requires' => [],
'Decimal' => [3, 2],
'Range' => ['min' => -200, 'max' => 200],
],
];
$rule = [
'condition' => [
'Range' => [-200, 200], // 上述の条件クラス => [パラメータ]
Range::class => [-200, 200], // FQSEN 指定
'-200~+200' => new Range(-200, 200), // インスタンス直接指定
],
];
$rule = [
'message' => [
'RequireInvalidText' => '入力必須です',
Requires::INVALID_MULTIPLE => '選択必須です',
],
];
$rule = [
'message' => [
'condition1' => [
'RequireInvalidText' => '入力必須です1',
Requires::INVALID_MULTIPLE => '選択必須です1',
],
'condition2' => [
'RequireInvalidText' => '入力必須です2',
Requires::INVALID_MULTIPLE => '選択必須です2',
],
],
];
$rule = [
'options' => [
10 => '電話',
20 => 'メール',
30 => "FAX",
],
'invalids' => [
30 => "FAX(無効状態)", // これは invalids 機能により NotInArray 条件で不正な値とみなされる
],
];
$rule = [
'options' => [
10 => '電話',
20 => 'メール',
30 => "\x18FAX", // これは invalid-option-prefix 機能により NotInArray 条件で不正な値とみなされる
],
];
$rule = [
'options' => [
10 => (object) ['label' => '電話', 'data-attr' => '10'],
20 => (object) ['label' => 'メール', 'data-attr' => '20'],
30 => (object) ['label' => 'FAX', 'data-attr' => '30', 'invalid' => true], // これは autocond 機能により NotInArray 条件で不正な値とみなされる
],
];
$rule = [
'phantom' => ['%04d/%02d/%02d', 'year', 'month', 'day'],
];
$rule = [
'inputs' => [
'child_element_name1' => [/* 構造は同じ */],
'child_element_name2' => [/* 構造は同じ */],
// ・・・
],
];
$rule = [
'autocond' => [
'InArray' => true,
'StringLength' => false,
],
];
// form 開きタグ
$form->form([/* form の属性*/]);
// label タグ
$form->label('element_name', [/* label の属性 */]);
// input タグ
$form->input('element_name', [/* input の属性 */]);
// form 閉じタグ(引数無しで閉じる)
$form->form();
// 普通に検証
$isvalid = $form->validate($_POST);
$messages = $form->getMessages();
// 駄目だった場合に例外
$form->validateOrThrow($_POST);
// 完全カスタムエラーの追加
$form->error('element_name', 'エラーメッセージ');
[
'parent' => [
'inputs' => [
'child1' => [
'title' => '要素1',
],
'child2' => [
'title' => '要素2',
],
]
]
]
<?= $form->form([])
<?= $form->form([])
<?= $form->form([])
<?= $form->form(['vuejs' => true])
<ul id="application">
<input v-on:click="append" type="button" value="追加">
<?= $form->form(['id' => 'vuejs_form', 'vuejs' => true])
// 名前空間とディレクトリを登録します
\ryunosuke\chmonos\Condition\AbstractCondition::setNamespace($namespace, $directory);
// 登録したディレクトリを漁って $outdir に javascript コードを生成します
\ryunosuke\chmonos\Condition\AbstractCondition::outputJavascript($outdir);