rex0220 項目検証プラグイン　数値チェック

項目検証プラグインで、基本的な数値チェックする方法をまとめてみます。

# 概要

kintone の数値項目は、数値しか入りませんが、数値以外を入力しても「保存」をクリックするまでエラーになりません。
また数値でも大文字だったり、カンマ「,」があるとエラーになります。
多くの数値項目を入力して、「保存」するといくつかのエラーがあってがっかりします。
項目検証プラグインは、入力時に数値以外のエラーを表示してくれます。
数値が全角でもカンマ「,」があっても、うまいこと変換してくれます。
これでカンマ付きの数値をコピペしても大丈夫。

# 数値入力操作例

- PC
![2020-03-07_03h22_18.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/1892c5bb-b875-b92f-8ed0-8fa30dcfb06f.gif)

- モバイル
![2020-03-07_12h12_22.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/adbc02b5-2de7-4086-b803-178ef2aa4c4f.gif)


# 環境

- kintone：　いろいろ簡単にできるクラウド型業務アプリ開発プラットフォーム
- [項目検証プラグイン](https://qiita.com/rex0220/items/be20fd879f5e1bc9e035)：　めんどうなチェックを簡単にできるプラグイン

# 数値の基本チェック

## フォーム設定

- 数値1： 普通の数値項目
- 数値2： 値の制限 0～10

<img width="744" alt="2020-03-07_03h25_39.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/a9864ab5-efe2-6d66-85a5-40aed6add044.png">

<img width="528" alt="2020-03-07_03h25_54.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/15911cd7-e5d5-e0eb-9bf2-ab8295199518.png">

## 項目検証プラグイン設定

数値1と数値2 をチェック対象にするだけで、基本的な数値チェックを行ってくれます。
簡単ですね。

- 全角数字を半角変換
- カンマの削除
- 数値チェック
- 制約 0 ～ 10 の範囲チェック


<img width="967" alt="2020-03-07_03h28_18.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/0e2b6d2a-f42e-1a0d-399a-7fb0f0cdbd7a.png">


# 必須チェック

単純な必須チェックの例です。

![2020-03-07_09h15_38.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/3b445100-8f85-0d44-f877-ab0e2af0cffd.gif)


## フォーム設定

- 数値3： 普通の数値項目。必須項目にする。

<img width="527" alt="2020-03-07_09h09_39.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/a97f0e3c-1887-f9cc-23b1-54f3b85a8a55.png">

## 項目検証プラグイン設定

これも数値3 をチェック対象にするだけで、基本的な数値チェックと必須チェックを行ってくれます。
必須条件の「1」は、制約に必須条件を指定していると自動設定されます。

<img width="943" alt="2020-03-07_09h10_09.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/e03b0262-7aa8-68c0-b530-2fb6ed0c3558.png">

# 条件付き必須チェック

ドロップダウンの値により、数値を必須にするか制御します。

![2020-03-07_09h38_28.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/50e34ac9-d792-1bac-68e4-eadcdb7b4168.gif)

## フォーム設定

- ドロップダウン：　"A", "B" の選択肢
- 数値4： 普通の数値項目。

<img width="519" alt="2020-03-07_09h35_26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/d6bc8ad7-1c8b-0259-0170-84bf27d73adb.png">


## 項目検証プラグイン設定

数値4 をチェック対象にして、必須チェックに、条件式を設定します。

- 必須チェック<br>
ドロップダウン=="A"

<img width="973" alt="2020-03-07_09h36_46.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/de1dd903-5d52-502c-f676-22546e22dd21.png">

# カスタムバリデーションチェック

条件により、エラーチェックとエラーメッセージを設定できます。

![2020-03-07_10h13_07.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/9159f16e-ded6-16a5-7c12-56673c6a5f24.gif)

## 項目検証プラグイン設定

数値4 のバリデーションチェックを指定します。

エラーになる条件とエラーメッセージを設定します。

<img width="962" alt="2020-03-07_10h10_16.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/9170c133-8a01-3fbe-1698-76bc521b9260.png">


# 入力不可と非表示

条件により、項目を入力不可と非表示にできます。

- ドロップダウンが未選択の場合、非表示
- ドロップダウンが"A"の場合、必須
- ドロップダウンが"B"の場合、入力不可

![2020-03-07_11h16_58.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/8a99bb44-6554-d3ce-8ed9-b2c580656f2e.gif)




## 項目検証プラグイン設定

数値4 の入力不可と非表示の条件を指定します。

- 入力不可<br>
ドロップダウン=="B"
- 非表示<br>
NOT(ドロップダウン)
- 初期化<br>
項目が非表示の場合、「保存」時に項目を初期化します。

<img width="968" alt="2020-03-07_11h14_36.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/88f284d4-f67d-18e9-5c29-35f21fe67d8c.png">

# ちょっと便利な項目フィルタ機能

キーワードに「number」を入れると、数値項目が表示されます。
数値項目をまとめてチェックするのに便利です。

![2020-03-07_11h35_20.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/100572/51388f41-c857-f51e-fb66-c7f7db15c3c9.gif)