javascript - Webフォームでテキストボックス入力を検証するにはどうすればよいですか?

Question

あるテキスト ボックスから別のテキスト ボックスに移動しているときに、テキスト ボックスを検証する方法を教えてください。

テキスト ボックスの後にエラー画像を表示し、テキスト ボックスの境界線の色を変更する必要があります。ウェブデザインは初めてです。私を助けてください

前もって感謝します

Answer 1

これは、フィールドのぼかしイベントで検証関数を呼び出すことによって実現されます。jQuery を使用すると、イベント ハンドラーを挿入できます。同じ目的で使用できるプラグインが多数あります。

そのようなプラグインの 1 つがここにあります: http://www.geektantra.com/2009/09/jquery-live-form-validation/

デモ: http://www.geektantra.com/projects/jquery-form-validate/

Answer 2

$(document).ready(function(){
    $('#yourformid').submit(function(){
        $('input[type="text"]').blur(function(){
            if($(this).val() !="Your matching criterias .."){
                //some error messages etc
                return false;
            }
            return true;
        });
    });
});