ajax通信で値を取得して判別処理を行いたい

Question

現在、ajaxについて勉強しています。
用意したテキストボックスの中身をajax通信を使ってチェックしたい
箇所があるのですが、そこで詰まってしまって困っています。
ソースコードは以下となります。
よろしくお願いします。

###前提・実現したいこと
ajax通信でテキストボックスに入力された値をDBに格納してある値と比較し、
もし同じ値が存在していたらエラーメッセージを出力させ、登録させない。
存在していないなら登録、保存する。

###発生している問題・エラーメッセージ
ajaxでphp側に入力された値を渡し、DBを使って存在チェックをして
その結果がtrue、falseで返却されてくる。
その結果をもってしてエラーメッセージを出すか出さないか判別させたいのだが、
php側から返却された値がtrueでもfalseでも設定したエラーメッセージ
「他のコードを入力して下さい。」が表示され、DBに存在しない値の登録もできない。

###該当のソースコード
該当のテキストボックスのclassはjv-code-valid-ajaxとhtml側で定義してある。
php側は省略(渡された値をDBへ問い合わせしてEXISTSで存在チェックしているだけ。)

(JQuery)
$.validator.addMethod('codecheck', function (value, input) {
        if (value) {
            $.ajax({
                url: 'XXXXXXXXXXXXX',
                type: 'POST',
                data: {
                    code: value
                },
                dataType: 'JSON'
            })
            .done (function(data, textStatus, jqXHR) {
                if (data) {
                    // データが存在していた場合はエラー
                    return false;
                }
                // データが存在していない場合は保存可能
                return true;
            })
            .fail (function(jqXHR, textStatus, jqXHR) {
            });
        }
});

$.validator.addClassRules({
    'jv-code-valid-ajax': {codecheck: true}
});

$.extend($.validator.messages, {
    codecheck: '他のコードを入力して下さい。'
});

###試したこと
done で返却されたdataの中身をconsole.logで表示させてみると
true、またはfalseが入っているので値としては取得できている。
doneの中では比較処理が上手くできない？
return trueを返そうがreturn falseを返そうが
「他のコードを入力して下さい。」が表示されてしまう。

###補足情報(言語/FW/ツール等のバージョンなど)
Apache/2.4.37 (Amazon)
PHP 7.1.25
CakePHP version 3.3.9

Answer 1

addMethodは同期的な処理にしか対応していませんので、バリデーション内部でAjaxを呼んでも、単に無視されます。

remoteというメソッドがあるようですので、それを使うのがいいかもしれません（リンク）。

Comments

[mikky]

お答えいただきありがとうございます。
addMethodは同期的な処理にしか対応していないんですね。
知りませんでした。いくらやってもダメなわけですね。
リンク先も見てみました。ありがとうございます。
単純に「$.ajax」部分を「$.remoto」にする、という単純な直しでは…ないですよね。(上手くはできなかったのですが…。)

[mikky]

addMethodでは同期的な処理にしか対応していないということだったので
「async: false」をJS内で指定することで同期通信にすることで解決しました。
(あまりこの指定はしたくなかったですが。)

$.ajax({
url: 'XXXXXXXXXXXXX',
type: 'POST',
data: {
code: value
},
dataType: 'JSON',
async: false
})