メインコンテンツへスキップ

【JavaScript】小数点指定時に、上限値を設定する方法について

  • 更新

※ 標準機能ではないため動作保証外となっております。

　貴社forSurvey環境での十分な動作確認をお願いいたします。

 

小数を許可する場合には、「<n,1>」タグのように、小数点以下第1位まで入力可能といった設定をします。

ただし、<n,n>タグでは以下の制約があります。本ページでは「上限値の設定」について説明します。

▼<n,1>タグのみだとできないこと

上限値の設定（整数時のみ「合計値制限」機能の利用が可能です）

小数点回答の数値比較（設定方法はこちら）

 

 

選択しているjQueryバージョンによって、記述内容を使い分けてください。

jQuery1.4.1は2026年4月以降、forSurveyでのサポートを終了します。

◼️jQuery 3.7.1

――サンプル画面―――――――――――――――――――――――――――――――――――
画面遷移デモ　https://test-bds.post-survey.com/preview/index.php?key=nIvNS1ul&lang_c=ja
―――――――――――――――――――――――――――――――――――――――――――

サンプルでは、5.1以上の数値を入力するとアラートが表示されます。

 

①「コメント上」に設定する

※改行を入れると動作しないため、改行せずに設定してください。

<script type="text/javascript">document.addEventListener('DOMContentLoaded', function() {var inputs = document.querySelectorAll("input[name^='a0001n']");inputs.forEach(function(input) {input.setAttribute("step", "0.1");input.setAttribute("min", "0");input.setAttribute("max", "5.0");});});</script>

＜上限値の設定＞

スクリプト内"max", "5.0"の5.0は任意の上限値を設定してください。

＜Qナンバーの記載について＞
スクリプト内[name^='a0001n']のa0001は各設問に合わせて変更してください。
Qナンバーは設問編集画面の上部で確認いただけます。

 

②「Javascript（次へボタン押下時）」へ入力する

var qu_id1 = "0001"; 
var obj = document.form1;
var name1 = "a" + qu_id1 + "n001";
var val1 = parseFloat(obj.elements[name1].value);
if( val1 >= 5.1 ) {
    alert("上限の数値を超えています");
    return false;
}

＜アラートを表示する数値の設定＞

スクリプト内 val1 >= 5.1の5.1は「①で設定した上限値+0.1」を設定してください。

＜Qナンバーの記載について＞
スクリプト内qu_id1 = "0001"の0001は各設問に合わせて変更してください。
Qナンバーは設問編集画面の上部で確認いただけます。

◼️jQuery 1.4.1

――サンプル画面―――――――――――――――――――――――――――――――――――
画面遷移デモ　https://test-bds.post-survey.com/preview/index.php?key=TGxsSyHS&lang_c=ja
―――――――――――――――――――――――――――――――――――――――――――

　■コメント上の設定（上下矢印で回答する場合の上限値を制御しています）
[name^='a0001n']　→「a0001」箇所を設定するQナンバーに修正します
("max",5.9)　→「5.9」箇所を上限値に修正します

<script type="text/javascript">$(document).ready(function(){$("input[name^='a0001n']").attr("step",0.1).attr("min",0).attr("max",5.9);});</script>

 

　■Javascript(次へボタン押下時)の設定（実際に記入した場合の回答値を制御しています）
qu_id1 = "0001"　→「0001」箇所を設定するQナンバーに修正します
val1 >= 6.0　→「6.0」箇所を上限+0.1に修正します

var qu_id1 = "0001"; 
var obj = document.form1;
var name1 = "a" + qu_id1 + "n001";
var val1 = parseFloat(obj.elements[name1].value,10);
if( val1 >= 6.0 ) {
alert("上限の数値を超えています");
return false;
}

 

 

 

# 小数 小数点 0.1 . 上限 矢印 上下 数値 数

関連記事