上記投稿を参考に更に別の日付フィールドに制限をかけたいと考えております。
ですが、state.fields[○○]
の○○の部分が分かりません。
さらに、jsフォルダをアップし、ソースの確認をしますと、
Uncaught SyntaxError: Invalid or unexpected token
Uncaught SyntaxError: Unexpected token (
と、出ており、対処が分かりません。
初心者の質問で恐れ入りますが、ご教授のほどよろしくお願い致します。
cstapの友利と申します。
state.fields[n]
のnはn番目のフォームということを表しています。
(function() {
"use strict";
fb.events.form.created = [function (state) {
console.log(state.fields);
return state;
}];
})();
このコードを読み込むことでお使いのブラウザの開発者ツールでstate.fieldsの中を確認することができます。
state.fieldsの中の要素のcodeという部分が設定されたフィールドコードになるのでそれにあった番号を選んでください。
友利優希様
ご丁寧な解説ありがとうございます。
そちらで、何番目かのフォームかは理解いたしたが、
「ReferenceError: alart is not defined」
というエラーメッセージが表示されてしまします。
こちら、alartを変数宣言しようとしたのですが、うまくいきません。
初心者の質問で大変恐縮ではございますが、お時間あります時にご説明して頂ければ幸いです。
宜しくお願い致します。
alartはおそらくalertのタイピングミスかと思われます。
またalertの行は確認用なので削除して大丈夫です。
お世話になっております。
アラートの件、ご指摘ありがとうございます。
そちら修正しました所、エラーはなくなりましたが、入力制限機能が働きません。
下記に画像を添付させていただきますので、お手数をおかけしますが、
間違い個所などありましたらご指摘いただけませんでしょうか。
宜しくお願い致します。
比較の部分が正しくかけていないように思われます。
以下のコードで正しく動作すると思います。
(function () {
'use strict';
fb.events.form.created.push(function (state) {
state.fields[4].validations.push({
params: [],
rule: 'custom_validation1'
});
return state;
});
fb.addValidators = function (state) {
return {
custom_validation1: {
getMessage: function (fieldCode, params) {
return '任意のメッセージ1';
},
validate: function (value, params) {
const min = new Date();
min.setDate(min.getDate() +30);
return value > min;
}
}
};
};
})();
友利優希 様
ご丁寧なご回答ありがとうございます。
本件、全てのご質問にご丁寧に解説までしてご回答いただきましたこと重ねてお礼申し上げます。
おかげさまで動作することができました。
本当にありがとうございました。
このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。