フォームにおいて、入力値と同じ値がすでにDBに存在する場合にメッセージを出したい

Question

Ruby on Rails5でアプリを制作しています。
あるフォームにおいて、入力した値がすでにDBに登録されている場合に、登録できない旨のメッセージを入力した瞬間に出したいと思っています。

一意性を実現するバリデーションとして、
Railsのモデルではvalidates カラム名, uniqueness: trueを、DBではunique: trueを指定すれば良いことはわかりますが、
これをJavaScriptを用いてクライアント側で即時的にユーザーに知らせる方法はありますでしょうか？

これを実現している例として、Twitterのアカウント作成時のメールアドレスの入力があります。
すでに登録されていればその場で教えてくれます。

実装済みのプラグインや、なければ実現するための大まかな方法を教えて頂けると嬉しいです。よろしくお願いします。

Answer 1

解決しました。基本的な流れを説明します。
Railsのコントローラーで検索の対象となるレコードをすべて取得して、そのレコードの対象カラムの値の配列(datas)を作り※1、その配列をJavaScript側に送ります。※2
次にJavaScriptで、フォーム内でキーが押される度に(keyupイベント)、以下のイベントを行えばいいです。
フォームに入力した値を取得し、変数(input)に入れ、inputがdatasに含まれているかを判定※3し、含まれていればメッセージを出して送信できないようにする。

※１
この処理をどのアクションに書くかは自由だと思います。newアクションなどそのビューのアクションでもいいと思いますが、私は別にこれだけのアクション(get_datas)を作り、Ajaxで非同期的にこのアクションを実行しました。

※2
jsに送る方法は、gonを使ってもいいし、上記の私のやり方では、get_datasアクションの最後でrender json: datasとし、Ajaxのsuccess処理でそれを取得しました。

※3
ある要素がある配列に含まれているかを判定するには、

if (配列.indexOf(要素) >= 0){
  // 存在する処理
} else {
  // 存在しない処理
}

でできます。

Answer 2

Railsはよくわからないですが、一般的に3つ方向性があると思います

• 登録前に所在確認をしてあればユーザーにフィードバックする
• ignoreで登録して、affectedな行数が0の場合はユーザーに通知する
• 無理やり登録をはしらせエラーを利用して例外処理でユーザーに告知する

Comments

[jessicazu]

回答ありがとうございました！登録させなくとも、事前にデータをすべて取得することで実現できました。