teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップJavaScriptに関する質問【JavaScript】input要素に半角数字のみ受け付けるif文を書いても反映されなくなった

編集履歴

回答編集履歴

6

別の記述法に修正。

2020/03/26 01:51

投稿

Yousuck
Yousuck

スコア349

answer CHANGED
@@ -3,15 +3,15 @@
3
3
  ```
4
4
  //確定ボタンを押したときの動き
5
5
  function func1() {
6
- let input_num = document.getElementById("input").value;
6
+ let input_num = document.getElementById("input");
7
- let num = document.getElementById("num").textContent;
7
+ let num = document.getElementById("num");
8
- //let int_input_num = parseInt(input_num, 10); /* int型 */
8
+
9
- if (numberCheck(input_num)) {
9
+ if (numberCheck(input_num.value)) {
10
- let ok_num = Number(input_num);
10
+ let ok_num = Number(input_num.value);
11
- document.getElementById("num").textContent = ok_num;
11
+ num.textContent = ok_num;
12
- document.getElementById("input").value = ok_num;
12
+ input_num.value = ok_num;
13
13
  }else{
14
- document.getElementById("input").value = num;
14
+ input_num.value = num.textContent;
15
15
  }
16
16
  }
17
17
 

5

さらに追記。

2020/03/26 01:51

投稿

Yousuck
Yousuck

スコア349

answer CHANGED
File without changes

4

さらに追記。

2020/03/26 01:45

投稿

Yousuck
Yousuck

スコア349

answer CHANGED
@@ -7,7 +7,9 @@
7
7
  let num = document.getElementById("num").textContent;
8
8
  //let int_input_num = parseInt(input_num, 10); /* int型 */
9
9
  if (numberCheck(input_num)) {
10
+ let ok_num = Number(input_num);
10
- document.getElementById("num").textContent = Number(input_num);
11
+ document.getElementById("num").textContent = ok_num;
12
+ document.getElementById("input").value = ok_num;
11
13
  }else{
12
14
  document.getElementById("input").value = num;
13
15
  }

3

別の記述法を追記。

2020/03/26 01:45

投稿

Yousuck
Yousuck

スコア349

answer CHANGED
@@ -1,17 +1,21 @@
1
- こういうことかな。。
1
+ こういうことかな。。（修正版）
2
2
 
3
3
  ```
4
4
  //確定ボタンを押したときの動き
5
5
  function func1() {
6
- let input_num = document.getElementById("input").value;
6
+ let input_num = document.getElementById("input").value;
7
- let num = document.getElementById("num").textContent;
7
+ let num = document.getElementById("num").textContent;
8
- //let int_input_num = parseInt(input_num, 10); /* int型 */
8
+ //let int_input_num = parseInt(input_num, 10); /* int型 */
9
+ if (numberCheck(input_num)) {
10
+ document.getElementById("num").textContent = Number(input_num);
11
+ }else{
12
+ document.getElementById("input").value = num;
13
+ }
14
+ }
9
15
 
10
- if (!isNaN(input_num) && input_num != "") {
11
- document.getElementById("num").textContent= input_num;
16
+ function numberCheck(numVal){
12
- }else{
13
- document.getElementById("input").value = num;
17
+ var pattern = /^([1-9]\d*|0)$/;
14
- }
18
+ return pattern.test(numVal);
15
19
  }
16
20
 
17
21
  ```

2

さらに記述法を追記。

2020/03/26 01:14

投稿

Yousuck
Yousuck

スコア349

answer CHANGED
@@ -7,7 +7,7 @@
7
7
  let num = document.getElementById("num").textContent;
8
8
  //let int_input_num = parseInt(input_num, 10); /* int型 */
9
9
 
10
- if (!isNaN(input_num)) {
10
+ if (!isNaN(input_num) && input_num != "") {
11
11
  document.getElementById("num").textContent= input_num;
12
12
  }else{
13
13
  document.getElementById("input").value = num;

1

別の記述法に修正。

2020/03/25 07:16

投稿

Yousuck
Yousuck

スコア349

answer CHANGED
@@ -8,7 +8,7 @@
8
8
  //let int_input_num = parseInt(input_num, 10); /* int型 */
9
9
 
10
10
  if (!isNaN(input_num)) {
11
- document.getElementById("num").innerHTML = input_num;
11
+ document.getElementById("num").textContent= input_num;
12
12
  }else{
13
13
  document.getElementById("input").value = num;
14
14
  }