jQuery API の jQuery . isNumeric( value ) は、valueに指定した値が、数値であるかどうかを判定する。数値であれば「true」、数値でなければ「false」を返す。
引数
- value
数値かどうかを判定する値。
戻り値
- Boolean
booleanType(論理型)。
引数valueに指定した値が、数値であれば、「true」。
引数valueに指定した値が、数値でなければ、「false」。
記述例
var value = '5';
jQuery( '#sample' ) . text( jQuery . isNumeric( value ) );
jQuery( '#sample' ) . text( jQuery . isNumeric( value ) );
idが「sample」である要素に、「true」と表示する。
var value = '-5';
jQuery( '#sample' ) . text( jQuery . isNumeric( value ) );
jQuery( '#sample' ) . text( jQuery . isNumeric( value ) );
idが「sample」である要素に、「true」と表示する。
var value = {};
jQuery( '#sample' ) . text( jQuery . isNumeric( 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>
<!--
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>
<!--
#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>
<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>