jqueryを使って隠しフィールドにメッセージを表示する方法

Question

私は条件をチェックするための値を格納する入力フィールドを持っています。これはhiddenに設定します。条件がfalseの場合、メッセージを表示する必要があります。

フィールドが非表示の場合、メッセージは表示されません。

HTML

<input type="hidden" id="year1_req_fund_hidden" name="year1_req_fund_hidden"> 

jqueryの

#wizard5').validate(
{ 
    rules: { 

     year1_req_fund_hidden:{ 
        //required:true, 
        number:true, 
        validate_check: [$('#year1_grand_amt').val(),'1'], 
        }, 
      }, 
}); 


$.validator.addMethod("validate_check", 
    function(value, element, params) { 
    if(params[0]!=''){ 
    if(value == params[0]) { 
    return true; 
    } 
    } 
    }, 
$.format("The total amount requested does not match with grant amount {0} requested in Q1.11 in year {1} .") 

); 

誰も私に

Answer 1

をhelpmしてください。この方法は、あなたの問題を解決することができます...！

if (!$('input').attr('id') == null) { 
 
    //check your condition according to you 
 
    //your action here 
 
} else { 
 
    //show your message in .hidden div 
 
    $('.hidden').fadeIn('slow').html('Message'); 
 
}

.hidden {display: none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="hidden" id="year1_req_fund_hidden" name="year1_req_fund_hidden"> 
 
<!-- Place below div where you want to show your message --> 
 
<div class="hidden"></div>

Answer 2

$('#wizard5').validate({ 
    ignore:'', // or ignore: [] 
    rules: { 

     year1_req_fund_hidden:{ 
       //required:true, 
       number:true, 
       validate_check: [$('#year1_grand_amt').val(),'1'], 
      }, 
    }, 
}); 

あなたのコードでは、それはあなたのために動作します

上記のとおりである必要があります。デフォルトでは、jQuery検証は隠しフィールドを無視します。 //： http://prntscr.com/g0urkk