フォームブリッジのカスタマイズで独自の入力規則を設定したく、
カスタマイズにて設定しようとしているのですが、以下のパターンで全く動かなくなります。
- form.created イベントで fields[0] に custom validate: custom_validation1 を定義
- form.mounted イベントで fields[2] に custom validate: custom_validation2 を定義
- 上記2つの validation を定義
custom_validation1 は常時 true
custom_validation2 は常時 false に設定
// フォームのDOMが作成される前 イベント
fb.events.form.created = [(state) => {
console.log(state);
state.fields[0].validations.push({
params: [state],
// validation のルールを記載（イベントが進むごとに動く）
rule: 'custom_validation1'
});
return state;
}];
// フォームのDOMが作成された後 イベント
fb.events.form.mounted = [(state) => {
state.fields[2].validations.push({
params: [state],
// validation のルールを記載（イベントが進むごとに動く）
rule: 'custom_validation2'
});
return state;
}];
fb.addValidators = function(state) {
return {
// イベントの定義
custom_validation1: {
getMessage: function(fieldCode, params) {
return 'エラー1';
},
validate: function(value, params) {
return true;
}
},
custom_validation2: {
getMessage: function(fieldCode, params) {
return 'エラー2';
},
validate: function(value, params) {
return false; // ここでエラー判定させたい。
}
}
};
};
公式ドキュメントがわかりづらく、どなたかご存知でしたら教えていただきたいです。