teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問JavaScriptの入力規則と表のどのセルのボタンをクリックしたかの判定の方法を教えてください

編集履歴

質問編集履歴

2

削除の取り消し

2017/04/14 02:47

投稿

kurikara
kurikara

スコア7

test CHANGED
@@ -1 +1 @@
1
- あ
1
+ JavaScriptの入力規則と表のどのセルのボタンをクリックしたかの判定の方法を教えてください
test CHANGED
@@ -1 +1,193 @@
1
+ ###前提・実現したいこと
2
+
3
+ JavaScriptで困っていることがあります。教えて頂けると幸いです。
4
+
5
+
6
+
7
+ ###発生している問題・エラーメッセージ
8
+
9
+
10
+
11
+ １・・・入力欄に入力する文字数を５文字に設定する方法
12
+
13
+ ２・・・入力欄に入力した文字が半角英数字大文字なのか判断する方法
14
+
15
+ ３・・・セルのどのボタンが押されたのか判断する方法
16
+
17
+
18
+
19
+ ###該当のソースコード
20
+
21
+ ```ここに言語を入力
22
+
23
+
24
+
25
+ HTML
26
+
27
+ <td><input type="text" name="work_kbn" id="work_kbn_input"/></td>
28
+
29
+
30
+
31
+ JavaScript
32
+
33
+
34
+
35
+ １．２
36
+
37
+
38
+
39
+ if\( work_kbn_input\.value == ""\){
40
+
41
+ alert\("作業区分は必須入力です。"\) ;
42
+
43
+ return ;
44
+
45
+ }
46
+
47
+
48
+
49
+ if\( work_name_input\.value == "" \){
50
+
51
+ alert\("作業区分名は必須入力です。"\) ;
52
+
53
+ return ;
54
+
55
+ }
56
+
57
+
58
+
59
+ /\*if\( work_kbn_input\.length != 5 \){
60
+
61
+ alert\("作業区分の入力は５文字以内です"\) ;
62
+
63
+ return ;
64
+
65
+ }\*/
66
+
67
+
68
+
69
+ if\( work_kbn_input\.value\.match\( /\[\^A-Za-z0-9\]\+/\) \){
70
+
1
- …申し訳ありませんでした。質問を削除したいので、質問内容消しました。ごめんなさい。
71
+ alert\("作業区分名に入力するのは半角英数字です。"\) ;
72
+
73
+ return ;
74
+
75
+ }
76
+
77
+
78
+
79
+ ３
80
+
81
+
82
+
83
+ function data\(json_Array , json_indent ,work_kbn_input , work_name_input , button_edit\){
84
+
85
+ var table = document\.getElementById\("work_kbn_table_id"\) ;
86
+
87
+ var work_kbn_Array = \[\] ;
88
+
89
+ var work_name_Array = \[\] ;
90
+
91
+ var button_Array = \[\] ;
92
+
93
+ var work_kbn_indent = 0 ;
94
+
95
+ var work_name_indent = 0 ;
96
+
97
+ var button_indent = 0 ;
98
+
99
+
100
+
101
+ for \(var j = 0 ; j < json_Array\.length ; j\+\+ \){
102
+
103
+ // 行を行末に追加
104
+
105
+ var row = table\.insertRow\(-1\);
106
+
107
+ // セルの挿入
108
+
109
+ var cell1 = row\.insertCell\(-1\);
110
+
111
+ cell1\.appendChild\(document\.createTextNode\(json_Array\[j\]\.WorkKbn\)\) ;
112
+
113
+ cell1\.data= work_kbn_indent ;
114
+
115
+ work_kbn_Array\[work_kbn_indent\] = {
116
+
117
+ 'cell_work_kbn' : cell1
118
+
119
+ }
120
+
121
+ work_kbn_indent\+\+ ;
122
+
123
+ var cell2 = row\.insertCell\(-1\);
124
+
125
+ cell2\.appendChild\(document\.createTextNode\(json_Array\[j\]\.WorkName\)\) ;
126
+
127
+ cell2\.data = work_name_indent ;
128
+
129
+ work_name_Array\[work_name_indent\] = {
130
+
131
+ 'cell_work_name' :cell2
132
+
133
+ }
134
+
135
+ work_name_indent\+\+ ;
136
+
137
+ var cell3 = row\.insertCell\(-1\);
138
+
139
+ var button_edit = document\.createElement\("button"\) ;
140
+
141
+ button_edit\.textContent = "編 集" ;
142
+
143
+ button_edit\.data = button_indent ;
144
+
145
+ button_Array\[button_indent\] = {
146
+
147
+ 'cell_button' : button_edit
148
+
149
+ }
150
+
151
+ button_indent\+\+ ;
152
+
153
+ for\( var k = 0 ; k < json_Array\.length ; k\+\+ \){
154
+
155
+ button_edit\.onclick = function\(e\){
156
+
157
+ edit\(work_kbn_input , work_name_input , cell1 , cell2 , work_kbn_Array , work_name_Array , button_Array , button_edit\) ;
158
+
159
+ }
160
+
161
+ }
162
+
163
+ cell3\.appendChild\(button_edit \) ;
164
+
165
+ }
166
+
167
+
168
+
169
+ }
170
+
171
+
172
+
173
+ function edit\(work_kbn_input , work_name_input ,cell1 , cell2 , work_kbn_Array , work_name_Array , button_Array , button_edit\){
174
+
175
+ work_kbn_input\.value = cell1\.innerHTML;
176
+
177
+ work_name_input\.value = cell2\.innerHTML ;
178
+
179
+ }
180
+
181
+
182
+
183
+
184
+
185
+ ```
186
+
187
+
188
+
189
+
190
+
191
+ ###補足情報\(言語/FW/ツール等のバージョンなど\)
192
+
193
+ JavaScriptでEclipseでやっています・

1

質問内容

2017/04/14 02:46

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- JavaScriptの入力規則と表のどのセルのボタンをクリックしたかの判定の方法を教えてください
1
+ あ
test CHANGED
@@ -1,193 +1 @@
1
- ###前提・実現したいこと
2
-
3
- JavaScriptで困っていることがあります。教えて頂けると幸いです。
4
-
5
-
6
-
7
- ###発生している問題・エラーメッセージ
8
-
9
-
10
-
11
- １・・・入力欄に入力する文字数を５文字に設定する方法
12
-
13
- ２・・・入力欄に入力した文字が半角英数字大文字なのか判断する方法
14
-
15
- ３・・・セルのどのボタンが押されたのか判断する方法
16
-
17
-
18
-
19
- ###該当のソースコード
20
-
21
- ```ここに言語を入力
22
-
23
-
24
-
25
- HTML
26
-
27
- <td><input type="text" name="work_kbn" id="work_kbn_input"/></td>
28
-
29
-
30
-
31
- JavaScript
32
-
33
-
34
-
35
- １．２
36
-
37
-
38
-
39
- if( work_kbn_input.value == ""){
40
-
41
- alert("作業区分は必須入力です。") ;
42
-
43
- return ;
44
-
45
- }
46
-
47
-
48
-
49
- if( work_name_input.value == "" ){
50
-
51
- alert("作業区分名は必須入力です。") ;
52
-
53
- return ;
54
-
55
- }
56
-
57
-
58
-
59
- /*if( work_kbn_input.length != 5 ){
60
-
61
- alert("作業区分の入力は５文字以内です") ;
62
-
63
- return ;
64
-
65
- }*/
66
-
67
-
68
-
69
- if( work_kbn_input.value.match( /[^A-Za-z0-9]+/) ){
70
-
71
- alert("作業区分名に入力するのは半角英数字です。") ;
1
+ …申し訳ありませんでした。質問を削除したいので、質問内容消しました。ごめんなさい。
72
-
73
- return ;
74
-
75
- }
76
-
77
-
78
-
79
- ３
80
-
81
-
82
-
83
- function data(json_Array , json_indent ,work_kbn_input , work_name_input , button_edit){
84
-
85
- var table = document.getElementById("work_kbn_table_id") ;
86
-
87
- var work_kbn_Array = [] ;
88
-
89
- var work_name_Array = [] ;
90
-
91
- var button_Array = [] ;
92
-
93
- var work_kbn_indent = 0 ;
94
-
95
- var work_name_indent = 0 ;
96
-
97
- var button_indent = 0 ;
98
-
99
-
100
-
101
- for (var j = 0 ; j < json_Array.length ; j++ ){
102
-
103
- // 行を行末に追加
104
-
105
- var row = table.insertRow(-1);
106
-
107
- // セルの挿入
108
-
109
- var cell1 = row.insertCell(-1);
110
-
111
- cell1.appendChild(document.createTextNode(json_Array[j].WorkKbn)) ;
112
-
113
- cell1.data= work_kbn_indent ;
114
-
115
- work_kbn_Array[work_kbn_indent] = {
116
-
117
- 'cell_work_kbn' : cell1
118
-
119
- }
120
-
121
- work_kbn_indent++ ;
122
-
123
- var cell2 = row.insertCell(-1);
124
-
125
- cell2.appendChild(document.createTextNode(json_Array[j].WorkName)) ;
126
-
127
- cell2.data = work_name_indent ;
128
-
129
- work_name_Array[work_name_indent] = {
130
-
131
- 'cell_work_name' :cell2
132
-
133
- }
134
-
135
- work_name_indent++ ;
136
-
137
- var cell3 = row.insertCell(-1);
138
-
139
- var button_edit = document.createElement("button") ;
140
-
141
- button_edit.textContent = "編 集" ;
142
-
143
- button_edit.data = button_indent ;
144
-
145
- button_Array[button_indent] = {
146
-
147
- 'cell_button' : button_edit
148
-
149
- }
150
-
151
- button_indent++ ;
152
-
153
- for( var k = 0 ; k < json_Array.length ; k++ ){
154
-
155
- button_edit.onclick = function(e){
156
-
157
- edit(work_kbn_input , work_name_input , cell1 , cell2 , work_kbn_Array , work_name_Array , button_Array , button_edit) ;
158
-
159
- }
160
-
161
- }
162
-
163
- cell3.appendChild(button_edit ) ;
164
-
165
- }
166
-
167
-
168
-
169
- }
170
-
171
-
172
-
173
- function edit(work_kbn_input , work_name_input ,cell1 , cell2 , work_kbn_Array , work_name_Array , button_Array , button_edit){
174
-
175
- work_kbn_input.value = cell1.innerHTML;
176
-
177
- work_name_input.value = cell2.innerHTML ;
178
-
179
- }
180
-
181
-
182
-
183
-
184
-
185
- ```
186
-
187
-
188
-
189
-
190
-
191
- ###補足情報(言語/FW/ツール等のバージョンなど)
192
-
193
- JavaScriptでEclipseでやっています・