javascript 少数点を許可する

Question

入力フォームの項目から受け取った値には少数点が含まれています。

少数点を含めた整数のみを許可し、それ以外の半角英数字や記号の場合はエラーを出力

調べたらsplit関数で使うやり方がやりやすいと思って実行しています。

入力値で1.0を入力した場合 TRUE にしたいのですが、正規表現に少数点がひっかかってしまいエラーが出てしまいます。

エラーチェックを行っているだけの関数なので、split関数で少数点のみを取り除き、正規表現で整数のみを許可したいのですが、そこでつまっています。教えてください。

function chkSampleId(p_id, p_name) {

var flg = true;
var $input = jQuery('#' + p_id);
var inputVal = $input.val();

var str = $input.split(".");
if (str != undefined && str != "") {
var maxLength = $input.attr("maxLength");

    var reg = new RegExp("^[0-9]{0," + maxLength + "}$");//数値のみ
    if (!str.match(reg))
        flg = false;
}
return flg;

Answer 1

数値のみかどうかの判定をするならこれだけで事足りると思います。

・空文字もOK
^[0-9]*$

・最低1桁以上
^[0-9]+$

そもそも.を取り除かなくとも、これで整数、小数どちらも判定できると思います。
^[0-9]+.[0-9]$

Comments

[nagi]

ありがとうございます。数値のみの場合の判定だけなら動くのですが、少数点も許可したい部分が上手くいかないですね。

[nagi]

var reg = new RegExp("^[0-9]+\.*[0-9]*{0," + maxLength + "}$");//数値のみ

これで試したのですが、少数点は通ったのですが、記号や半角英数字で入力した場合エラーがでなくなってしまいました。

[masaya_ohashi]

{}部分を削除してみてください。あと\はjavascriptの文字列リテラル内に書くなら\\にしないといけません。

[nagi]

今試してみます。

[nagi]

出来ました！ありがとうございました！

Answer 2

数値として扱えるかどうかだけであれば、isFinite()という関数が標準であるので、それを使うこともできます（ただし、-200や1e3、0xffのような書き方でもtrueにはなります）。

Comments

[nagi]

ありがとうございます。半角英数字が入ってしまうのはだめなので難しいですね。