バリデーション前にセルの値を変更する方法

javascriptのライブラリ「handsontable」を使用しています。
https://handsontable.com/

ユーザーが数値入力用のセル(validator:/^[0-9]+$/)に全角数字を入力したとき、バリデーション前に半角に直したいと思っています。

beforeValidate, beforeChange などがあるようなので、試してみましたが上記のように動作しません。

値を半角に変更し、バリデーションエラーにしない方法はあるのでしょうか。

以下、試した内容です。

beforeValidateを試したコード(セルの値が変わらず、バリデーションエラーになる)

beforeValidate:(val, row, prop, source) => {
  if (source == 'custom.beforeValidate') return;

  var conv = new MyConverter(val);
  table.setDataAtCell(0, 0, conv.toHankakuString(), 'custom.beforeValidate');
}

beforeChangeを試したコード(セルの値は変わるがバリデーションエラーになる)

beforeChange:(changes, source) => {
	$.each(changes, (idx, chg)=>{
		var conv = new MyConvert(chg[3]);
		chg[3] = conv.toHankakuString();
	});
},

初歩的なことかもしれませんが、よろしくお願いいたします。

jun68ykt

2018/09/21 12:26

こんにちは。MyConverter のソースコードもご質問に載せて頂くとよろしいかもしれません。

m.ts10806

2018/09/21 13:15

バリデーションの意味なくなりますけどそれでいいのでしょうか。

spookybird

2018/09/21 13:25

全角数字は自動で半角数字になおしたい、でも数字以外ははじきたい、という意図かなと推察します

koh1

2018/09/21 14:54

意図としては、spookybirdさんの言われる通り、「数字を半角にしたい」＆「数字であるチェックは行いたい」ということです。年齢の入力欄などを想定しています。

koh1

2018/09/21 14:54

MyConverterあたりは実際の記述と異りまして、単純に半角にしている処理とお考え下さい。

行動規範の内容に同意します

回答2件

ベストアンサー

beforeValidateがreturnした値でバリデーションチェックかけるらしいですよ。

https://github.com/handsontable/handsontable/issues/3181#issuecomment-179361152

ただしここでreturnしたからといって、セルの値が実際に変更されることにはならないっぽいです。
あくまでバリデーションかけるためだけの変更です。

なので、table.setDataAtCellとやってるところはそのまま残しといて、ついでにreturnしとけばOKだと思います。
たぶん。

使ったことなくてドキュメント読んでるだけなので間違ってたらすみません。

投稿2018/09/21 13:23

spookybird

総合スコア1803

koh1

2018/09/21 14:55

ご回答ありがとうございます。ご指摘の通り、バリデーションさせる値はbeforeValidate内でreturnが必要でした。ただ、値の変更については、beforeValidate内のtable.setDataAtCellではできませんでしたので、beforeChange内でも値の変更処理が必要なようです。 beforeValidateとbeforeChangeの２か所で変換処理が必要になってしまいます。一旦はこれで対応しようと思いますが、もう少しシンプルな方法はないものでしょうか。