Cssの無効化ボタンの色が1回だけ変更されています

Question

ボタンの色を変更しようとしていますが、無効にすると有効になりますが、これは1回だけです。色を変更するための私のロジックは以下の通りです：私は私のjQueryのfunction.ready（）から呼び出しています

function validate(){ 
    if ($("#password").val().length > 4 && $("#token").val().length > 4) { 
    $("#validateSign ").css({ 
     "background-color": "#f1f1f1", 
     "background-image": "url(../../images/images/bg_btn_transaction.gif)", 
     "border-color": "#428d0a", 
     "color":" #428d0a", 
     "border-right": "1px solid #428d0a", 
     "border-bottom": "1px solid #428d0a", 
     "cursor":" pointer" 
    }).prop("disabled", false); 
    } else { 
    $("#validateSign") .prop("disabled", true); 
    } 
} 

：それは一度だけの色を変えています

validate(); 
$("#password, #token").keyup(validate); 

。あなたの助けを前もってありがとう。

Answer 1

else {の状態ですべてのCSSをデフォルト状態に戻す必要があります。

簡単な方法のために、あなたはCSS作成する必要があります。

.nope { 
    background-color: #f1f1f1; 
    background-image: url(../../images/images/bg_btn_transaction.gif); 
    border-color: #428d0a; 
    color: #428d0a; 
    border-right: 1px solid #428d0a; 
    border-bottom: 1px solid #428d0a; 
    cursor: pointer; 
} 

は、その後、あなたのjQueryのは次のようになります。ヘルプその作業罰金

function validate(){ 
    if ($("#password").val().length > 4 && $("#token").val().length > 4) { 
    $("#validateSign ").addClass('nope').prop("disabled", false); 
    } else { 
    $("#validateSign") .removeClass('nope').prop("disabled", true); 
    } 
}