FormBridgeでテーブル内フィールドに入力制限を設けたい

テーブル内のフィールドは、テーブルのフィールドコードと項目のフィールドコードの両方を指定する必要があります。

(() => {
    // FormBridgeが開かれた時のイベント
    fb.events.form.created.push((state) => {
        console.log(state)
        // この数字を合わせる方法もあります。
        //state.fields[3].fields[0].validations.push({

        const tableField = state.fields.find(field => field.code === 'table');
        const phoneField = tableField.fields.find(item => item.code === '電話番号');

        phoneField.validations.push({
            params: [],
            rule: 'tel_err_event'
        });
        return state;
    });

    // 条件設定
    fb.addValidators = (state) => {
        // エラーメッセージ定義
        const TEL_ERR_MSG = "電話番号には半角ハイフンを入力してください"
        return {
            tel_err_event: {
                // フィールド直下に表示されるエラーメッセージの設定
                getMessage: (fieldCode, params) => TEL_ERR_MSG,

                // エラーメッセージ表示/非表示設定
                validate: (value, params) => {
                    let ok_flg = false
                    // ハイフンが含まれていない場合はエラー
                    if (value.indexOf('-') !== -1) {
                        ok_flg = true
                    }
                    return ok_flg;
                }
            },
        };
    };
})();

image471×252 3.88 KB