驗證通過javascript函數在動態生成的文本框中僅輸入數字

Question

<table>
   <tbody id="add_weight">
      <tr></tr>
   </tbody>
</table>

<a onClick="edit_weights()" style="text-decoration:none !important;"><span   style="cursor:pointer; font-size:10px;">+Add more Weights.</span></a><br/><br/>

在頁面加載時沒有文本框，但是當我單擊錨標記時，將打開一個文本框，表明我已經應用了功能...

<script type="text/javascript">
    var b=1;
    function edit_weights() {
        if (b==10) {
            alert("can't Add more than 10 Weight Rates");
            return false;
        }

        var table=document.getElementById("add_weight");
        var row=table.insertRow(b);
        var cell1=row.insertCell(0);

        cell1.innerHTML="<input type='text' id='edit_weight_from"+b+"' name='edit_weight_from"+b+"' style='width:100px; height:22px; float:left; margin:0px 0px 0px 0px;'/>";

        b=b+1;
     }

</script>

現在每次我單擊錨標記時都會出現一個新的文本框...現在我想要的是當我嘗試在此文本框中輸入字母時不應該使用它。當我輸入數字時則應該使用它，所以有什么辦法去做吧？？

Answer 1

它目前還沒有最好的瀏覽器支持（IE <10） ，但是有了HTML5， 我們有了許多新的輸入types 。 一個是<input type="number"> ，它將僅允許數字輸入。

在不受支持的瀏覽器中，它僅默認為純文本框（無驗證）。 與服務器端驗證相結合，對於某些項目，我無法為舊的Internet Explorer用戶證明在此類字段上沒有JS驗證是合理的。 也許可以嗎？