JavaScript if文

Question

javascriptの条件分岐についての質問です。ご教授お願いいたします。

入力フォームとボタンを設置し、ボタンを押すことで入力フォームの値を計算に使うプログラムを作りました。
値は自然数を前提としています。

条件①入力された数値が自然数ではなかった場合
条件②なにも入力されていない場合
以上の条件で、ボタンをクリックしても関数を実行しないようにする、またはボタンクリックできないようにするためにはどうすれば良いのでしょうか。

Answer 1

if文のみ。
次の手順で自然数が取得できる。
strはtextboxから取得した文字列。

1.文字列が数字の羅列かどうかを正規表現で評価する。この関数は一致しない場合null(偽)を返す。
2.数字の羅列なら数値オブジェクトに変換して再評価。この関数は数値に変換できない場合NaN(偽)を返す。
また変換された値が0(偽)であればif文は通らない。

：String.match(/^[0-9]+$/)
Stringが「数字で始まり数字で終わる、数字だけで構成された文字列」であるかどうかを評価する。
この正規表現では.を許可していないため小数が弾かれる。

if(str.match(/^[0-9]+$/)){
    if(num = Number(str)){
        
        // 実行関数
        
    }
}

Comments

[main4]

ありがとうございます。非常にわかりやすく理解できました

Answer 2

<input id="text1" type="text">
<input id="button1" type="button" value="OK">

テキストボックスとボタンを以上のように配置してあるとする。
スクリプトは

ボタンをクリックしても関数を実行しないようにする

の場合

window.addEventListener("load", function(){
	var txt = document.getElementById("text1"), btn = document.getElementById("button1");
	btn.addEventListener("click", function() {
		if(!isNaN(txt.value) && txt.value!="") {
			alert(txt.value); // ここへ任意の関数を指定する
		}
	}, false);
}, false);

またはボタンクリックできないようにする

の場合

window.addEventListener("load", function(){
	var txt = document.getElementById("text1"), btn = document.getElementById("button1");
	btn.setAttribute("disabled", "disabled");
	btn.addEventListener("click", function() {
			alert(txt.value); // ここへ任意の関数を指定する
	}, false);
	txt.addEventListener("change", function() {
		if(!isNaN(txt.value) && txt.value!="") {
			btn.removeAttribute("disabled");
		}else{
			btn.setAttribute("disabled", "disabled");
		}
	}, false);
}, false);

ではどうでしょうか

Comments

[main4]

結構一手間かかるんですね・・・。難しいです。わざわざコード書いて頂きありがとうございます。