現況は当該要素に数値項目のみ入力可能なよう以下コーディング(JQuery)となっています。
こちらについても支援を仰ぎまして達成したもので、標題の件を達成する上での
応用能力がなくお問合せさせて頂きました。
そもそも数値項目の入力制御、皆さんどうされているのですか。質問主旨から離れてしまいますが。
皆さんが必要と思う機能だと思うのですが...
毛嫌いしているフレームワークで作れば(CAKEPHP理解できず断念) こういったUIの問題も解消されるのかな
HTML
1<tr> 2 <td style="width: 9%;"><input type="hidden" name="rsvno"><button class="cdsrch" type="button"><img src="img/検索.png"></button><input type="text" name="cd[]" style="width: 64%; ime-mode: inactive;" /></td> 3 <td style="width: 31%;"><input type="text" name="name[]" style="width: 100%;" readonly /></td> 4 <td style="width: 15%;"><input type="text" name="capa[]" style="width: 100%;" readonly /></td> 5 <td style="width: 12%;"><button class="lotsrch" type="button"><img src="img/検索.png"></button><input type="text" name="lot[]" style="width: 75%; ime-mode: inactive;" /></td> 6 <td style="width: 7%;"><input type="text" name="reqrsv[]" style="width: 92%; ime-mode: inactive;" /></td> 7 <td style="width: 8%;"><input type="text" name="custockl[]" style="width: 95%;" readonly /></td> 8 <td style="width: 10%;"><input type="text" name="custocka[]" style="width: 95%;" readonly /></td> 9 <td style="width: 2%;"><span class="errmark" style="width: 100%;"></span></td> 10 <td style="width: 3%;"><button class="rowins" type="button" style="width: 100%;">+</button></td> 11 <td style="width: 3%;"><button class="rowdel" type="button" style="width: 100%;">-</button></td> 12</tr>
JQuery
1$("[name='reqrsv[]']").on({ 2 "keydown": function(e) { 3 var k = e.keyCode; 4 if (!(k >= 48 && k <= 57 || k >= 96 && k <= 105 || k == 32 || k == 8 || k == 9 || k == 46 || k == 39 || k == 37)) { 5 return false; 6 } 7 }, 8 "blur": function() { 9 var num = $(this).val(); 10 num = num.replace(/(\d)(?=(\d\d\d)+$)/g, "$1,"); 11 $(this).val(num); 12 }, 13 "focus": function(e) { 14 var num = $(this).val(); 15 num = num.replace(/,/g, ""); 16 $(this).val(num); 17 if (this.selectionStart != null) { 18 this.selectionStart = this.selectionEnd = this.value.length; 19 } else { 20 this.createTextRange().select(); 21 } 22 } 23 });
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/01/31 09:04
2019/01/31 09:06
2019/01/31 09:15
2019/02/01 01:20 編集