回答編集履歴
3
テキスト追加
test
CHANGED
@@ -339,3 +339,23 @@
|
|
339
339
|
|
340
340
|
|
341
341
|
後者のコミットでは、 disabled になったことが見て分かるように、 disabled の場合の背景色を `#aaa` にしました。
|
342
|
+
|
343
|
+
|
344
|
+
|
345
|
+
#### 追記3
|
346
|
+
|
347
|
+
|
348
|
+
|
349
|
+
以下にて、disabled にする対象をsubmitボタンにするのと、先頭のカンマも削除するようにしました。
|
350
|
+
|
351
|
+
|
352
|
+
|
353
|
+
・[submitボタンを追加し disabledにする対象を修正](https://github.com/jun68ykt/q155041/commit/72f153b03d6889f29fc1e844f8a943b8fdee3569)
|
354
|
+
|
355
|
+
|
356
|
+
|
357
|
+
・[先頭のカンマも削除](https://github.com/jun68ykt/q155041/commit/4c94328ae56270520d00b1811b284a026748d2b2)
|
358
|
+
|
359
|
+
|
360
|
+
|
361
|
+
git clone しているのでしたら、 pull してご確認ください。
|
2
テキスト追加
test
CHANGED
@@ -265,3 +265,77 @@
|
|
265
265
|
というのは、`<input class="name" />` および`<input class="valu" />` の `value` を、 `class` が`"name"`のものと`"valu"`のものとで分けて、カンマ区切りで並べたい、という意味と解釈して、そのように表示するようなコードを回答しています。
|
266
266
|
|
267
267
|
もし、回答に書いたコードが、上記の③含めて、parinpurin23さんがご要望の動作と違うものになっていましたら、コメントからお知らせください。
|
268
|
+
|
269
|
+
|
270
|
+
|
271
|
+
#### 追記2
|
272
|
+
|
273
|
+
|
274
|
+
|
275
|
+
上記の回答に記載したコードから、コメントから頂きました、
|
276
|
+
|
277
|
+
|
278
|
+
|
279
|
+
> parinpurin23 2018/10/30 12:05
|
280
|
+
|
281
|
+
ただし、次の2つの場合について
|
282
|
+
|
283
|
+
・文字の最後に連続で入ってしまとき
|
284
|
+
|
285
|
+
→その最後のカンマを全て削除。
|
286
|
+
|
287
|
+
・途中のカンマが連続するとき
|
288
|
+
|
289
|
+
→送信ボタン(急きょ追加)をdisabledにする。
|
290
|
+
|
291
|
+
というイメージでした。
|
292
|
+
|
293
|
+
|
294
|
+
|
295
|
+
に対応する修正の一例としては、関数`updateResult` を以下のようにします。
|
296
|
+
|
297
|
+
|
298
|
+
|
299
|
+
```javascript
|
300
|
+
|
301
|
+
const updateResult = function(clazz) {
|
302
|
+
|
303
|
+
// 指定されたクラスの input.value をカンマ区切りにした文字列を作成
|
304
|
+
|
305
|
+
let csv = $(`.${clazz}`).toArray().map(e => e.value).join(',');
|
306
|
+
|
307
|
+
|
308
|
+
|
309
|
+
// 末尾にカンマが1個以上あるとき、これを削除
|
310
|
+
|
311
|
+
csv = csv.replace(/,+$/, '');
|
312
|
+
|
313
|
+
|
314
|
+
|
315
|
+
// 上記で作成されたカンマ区切りの文字列をvalueに設定し、あわせて連続したカンマがあるかどうかでdisabledを設定
|
316
|
+
|
317
|
+
$(`#result-${clazz}`)
|
318
|
+
|
319
|
+
.val(csv)
|
320
|
+
|
321
|
+
.prop('disabled', /,,/.test(csv));
|
322
|
+
|
323
|
+
};
|
324
|
+
|
325
|
+
```
|
326
|
+
|
327
|
+
|
328
|
+
|
329
|
+
GitHub のほうも上記の修正のための、以下の2コミットをプッシュしておきました。
|
330
|
+
|
331
|
+
|
332
|
+
|
333
|
+
・ [末尾にカンマが1個以上あるとき、これを削除](https://github.com/jun68ykt/q155041/commit/72b3c26defc873695de8ecfb2b26d48ab8bd824e)
|
334
|
+
|
335
|
+
|
336
|
+
|
337
|
+
・ [連続したカンマを含む場合の対応](https://github.com/jun68ykt/q155041/commit/7415966968ec0d2ddb22c102fb64b08250a7f2ad)
|
338
|
+
|
339
|
+
|
340
|
+
|
341
|
+
後者のコミットでは、 disabled になったことが見て分かるように、 disabled の場合の背景色を `#aaa` にしました。
|
1
テキスト修正
test
CHANGED
@@ -239,3 +239,29 @@
|
|
239
239
|
|
240
240
|
|
241
241
|
以上、参考になれば幸いです。
|
242
|
+
|
243
|
+
|
244
|
+
|
245
|
+
#### 追記
|
246
|
+
|
247
|
+
|
248
|
+
|
249
|
+
ご質問に挙げられているソースコードのコメントに
|
250
|
+
|
251
|
+
|
252
|
+
|
253
|
+
> 質問➂:これではカンマが多くなってしまいます。「値2つにつきカンマを1つ」にしたいです。
|
254
|
+
|
255
|
+
|
256
|
+
|
257
|
+
とありましたが、
|
258
|
+
|
259
|
+
|
260
|
+
|
261
|
+
> 「値2つにつきカンマを1つ」にしたい
|
262
|
+
|
263
|
+
|
264
|
+
|
265
|
+
というのは、`<input class="name" />` および`<input class="valu" />` の `value` を、 `class` が`"name"`のものと`"valu"`のものとで分けて、カンマ区切りで並べたい、という意味と解釈して、そのように表示するようなコードを回答しています。
|
266
|
+
|
267
|
+
もし、回答に書いたコードが、上記の③含めて、parinpurin23さんがご要望の動作と違うものになっていましたら、コメントからお知らせください。
|