送信されたログインフォームに空白の値が含まれている場合、カスタム css クラスをアイコンクラス (Font Awesome) に追加しようとしています。
私の目的は、アイコンの色を赤に変更して、ログイン試行の失敗を示すことです。
fail
以下は私のjQueryコードですが、カスタムCSSクラスをアイコンクラスに追加していないようですfa-user
。
$('#form_1').submit(function () {
var username = $.trim($('#username_1').val());
var password = $.trim($('#password_1').val());
if ( username == '' || password == '' ) {
$('.fa-user').addClass('fail');
return false;
}
});
これが私のJSフィドルです