forms - テキスト ボックスへの入力中にテキスト フィールドを検証する

Question

ユーザーに目的のログイン ID を入力するよう求めるサインアップ フォームを実装しようとしています。ユーザーは、目的のログイン ID をテキスト ボックスに入力します。

このテキスト ボックスで検証を実行して、フォームを送信しなくても目的のログイン ID が使用可能かどうかを確認したいと思います。

検証は、5 番目の文字がテキスト ボックスに入力された後などに開始する必要があります。

Answer 1

クライアント側検証モジュールを使用できます。このモジュールは検証を行い、フォームの送信前にエラー メッセージを表示します

Answer 2

入力した完全なユーザー名を検証する必要があります。これにより、クライアントとサーバーのやり取りが減り、パフォーマンスも向上します。

jQuery の ajax メソッドを使用できます。これはサーバー側のコードを呼び出し、そこからデータベースにクエリを実行して確認し、クライアント側に日付を送り返すことができます。

HTML:

<input type="text" id="username" onblur="checkUsername(this);"/>

Javascript:

function checkUsername(element){
    $.ajax({
    url: server_url,
    data : element.value
    }).done(function(data) { //json object returned from server
        if(data.true){
           //allowed
        }else{
           alert("select another username");
        }
    });
}