PHP変数をjavascript/jqueryに渡してエラーチェックします

Question

これに近い他の例を見ましたが、まだ問題があるようです。問題は、以下の3番目のエラーチェッカーのスクリプト（#bid <＃budm）です。入札フィールドの額は、#budmが保存する必要がある予算の設定額を下回ることはできません。 phpを使用して、post idに関するデータベースから#budmの値を取得します。その変数をjsエラーチェッカーに渡そうとすると、php変数を格納する隠し入力フィールド（id = "budm"）とユーザー入力フィールド（id = "bid"）を比較します。ランダムに作業するようです。たとえば、$ budgetminの値が400の投稿では、400以下のほとんどのエントリは受け入れられませんでしたが、何らかの理由で値が9になりました。

<?php 
global $current_user; 
get_currentuserinfo(); 
$cid = $current_user->ID; 
$cwd = str_replace('wp-admin','',getcwd()); 
$post = get_post($pid); 
$budgetmin = get_post_meta($pid, 'budget_start', true); ?> 

<input type="hidden" id="budm" value="<?php echo $budgetmin; ?>"> 

<script type="text/javascript"> 

function check_submits() 
{ 

if(jQuery("#days_done").val().length == 0) 
{ 
    alert("<?php _e('Error text3'); ?>"); 
    return false; 
} 

if(jQuery("#bid").val().length == 0) 
{ 
    alert("<?php _e('Error text2'); ?>"); 
    return false; 
} 

if (jQuery('#bid').val() < jQuery('#budm').val()) 
{ 
    alert("<?php _e('Error text'); ?>"); 
    return false; 
} 

return true; 
} 


</script> 

<input type="text" name="bid" id="bid" class="bid_field" value="<?php echo  $bid; ?>" size="10" /> 

<input class="green_btn grey" style="font-size: 20px; padding-left: 15px; padding-right: 15px; font-weight: 400;" id="submits_crt" type="submit" name="bid_now_reverse" value="<?php echo "Submit"; ?>" /> 

ご協力いただきまして誠にありがとうございます。

Answer 1

問題は、.val()が数字ではなく文字列を返すことです。テストでは、2つの値を文字列として比較しています。文字列は、必要なものではなく、期待通りに動作しません。

テストを実行する前に値を数値としてキャストする必要があります。あなたは、彼らが常に整数であるとしている知っていれば、使用できます。

var bid=parseInt(jQuery('#bid').val()), 
    budm=parseInt(jQuery('#budm').val()); 

if (bid < budm) { 
    alert("Bid is lower than budget"); 
} 

入力がフロートすることができれば、あなたはparseFloatは（）を使用することができます。

Here's a jsFiddle showing this working。