为了允许输入文本，只接受数字

To allow input text accept only numbers

本文关键字：文本 数字 输入 许输入      更新时间：2023-09-26

下面是我的柱塞，我有一个输入文本，我需要使它只接受数字。我已经尝试过使用正常的angular Js表单验证，但事件没有启动。有没有人面临类似的问题，请求分享你的想法…

链接

  <input type="text" ng-model="valuesForOutputs[item.name][i]" 
               ng-disabled="isDisabled(item.name, i)" ng-pattern="/^('d)+$/"  
                             required   name="value"
                                               placeholder="Enter value">
       <span class="error pop_up" ng-show="targetForm.value.$error.pattern">Please enter only number</span>

可以使用onkeypress event of textfield:

 var allowOnlyNumbers=function(field){
        if (!String.fromCharCode(event.keyCode).match('[0-9.]') || (field.value.match('[.]') && String.fromCharCode(event.keyCode) == '.'))
           event.preventDefault();
    };
 <input onkeypress='allowOnlyNumbers(this)' type="text" ng-model="valuesForOutputs[item.name][i]" 
               ng-disabled="isDisabled(item.name, i)" ng-pattern="/^('d)+$/"  
                             required   name="value"
                                               placeholder="Enter value">

相关文章：