jQuery . isNumeric( value )

jQuery API の jQuery . isNumeric( value ) は、valueに指定した値が、数値であるかどうかを判定する。数値であれば「true」、数値でなければ「false」を返す。

引数

value

数値かどうかを判定する値。

戻り値

Boolean

booleanType(論理型)。

引数valueに指定した値が、数値であれば、「true」。

引数valueに指定した値が、数値でなければ、「false」。

記述例

var value = '5';
jQuery( '#sample' ) . text( jQuery . isNumeric( value ) );

idが「sample」である要素に、「true」と表示する。

var value = '-5';
jQuery( '#sample' ) . text( jQuery . isNumeric( value ) );

idが「sample」である要素に、「true」と表示する。

var value = {};
jQuery( '#sample' ) . text( jQuery . isNumeric( value ) );

idが「sample」である要素に、「false」と表示する。

実装例(サンプル)

valueA:

valueB:

valueC:

valueD:

valueE:

valueF:

valueG:

実装例(サンプル)のソースコード

JavaScript

<script type="text/javascript">
<!--
jQuery( function() {
    var valueA = '2012';
    jQuery( '#jquery-sample-A' ) . text( jQuery . isNumeric( valueA ) );
    var valueB = '-2012';
    jQuery( '#jquery-sample-B' ) . text( jQuery . isNumeric( valueB ) );
    var valueC = '+2012';
    jQuery( '#jquery-sample-C' ) . text( jQuery . isNumeric( valueC ) );
    var valueD = '3.14159';
    jQuery( '#jquery-sample-D' ) . text( jQuery . isNumeric( valueD ) );
    var valueE = '文字列';
    jQuery( '#jquery-sample-E' ) . text( jQuery . isNumeric( valueE ) );
    var valueF = [ 'A', 'B', 'C' ];
    jQuery( '#jquery-sample-F' ) . text( jQuery . isNumeric( valueF ) );
    var valueG = { key1: 'value1', key2: 'value2' };
    jQuery( '#jquery-sample-G' ) . text( jQuery . isNumeric( valueG ) );
} );
// -->
</script>

CSS

<style>
<!--
#jquery-sample {
    margin: 10px;
    padding: 10px 30px;
    background-color: #ffffe0;
    border: 1px solid gray;
    border-radius: 10px;
}
-->
</style>

HTML

<div id="jquery-sample">
    <p>
        valueA: <span id="jquery-sample-A"></span>
    </p>
    <p>
        valueB: <span id="jquery-sample-B"></span>
    </p>
    <p>
        valueC: <span id="jquery-sample-C"></span>
    </p>
    <p>
        valueD: <span id="jquery-sample-D"></span>
    </p>
    <p>
        valueE: <span id="jquery-sample-E"></span>
    </p>
    <p>
        valueF: <span id="jquery-sample-F"></span>
    </p>
    <p>
        valueG: <span id="jquery-sample-G"></span>
    </p>
</div>

スポンサード リンク

カテゴリー: API, JavaScript, jQuery, Utilities タグ: パーマリンク