-1

送信されたログインフォームに空白の値が含まれている場合、カスタム 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フィドルです

4

2 に答える 2

4

フィドルにjQueryライブラリを含めませんでした

デモ:フィドル

また、を使用してhtml5検証を無効にします

<form id="form_1" novalidate>
于 2013-11-13T13:09:23.600 に答える
1
$('#signIn_1').on ("click", function () {    
    var username = $.trim($('#username_1').val());
    var password = $.trim($('#password_1').val());

    if ( username == '' || password == '' )
    {
        $('.fa-user').addClass('fail');
        return false;
    }
});

そうすれば、フォームは送信される前にチェックされます (つまり、ブラウザ自体によってチェックされる前に)。

于 2013-11-13T13:18:36.610 に答える