Angular.js 限制輸入框輸入內容,為純數字
JS:
angular.module('app').directive('numInput',function () { return { require: '^ngModel', scope: true, link: function (scope, el, attrs, ngModelCtrl) { function formatter (value) { let formattedValue = ''; if(!_.isEmpty(value)){ let reg = /^d+(.d+)?$/; let formattedValue = reg.test(value) ? value : ''; el.val(formattedValue); ngModelCtrl.$setViewValue(value); // scope.$apply(); } return formattedValue; } ngModelCtrl.$formatters.push(formatter); el.bind('blur', function () { formatter(el.val()); }); } }; });
html:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/3407/viewspace-2802367/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 文字框限制輸入字數效果
- 文字框限制輸入字數的JSJS
- input 輸入框只能輸入數字
- 短視訊軟體開發,flutter 輸入框限制輸入 數字、小數Flutter
- Qt 實現文字輸入框,帶字數限制QT
- 【新特性速遞】數字輸入框的字首和字尾(位於輸入框內部)
- 從一次輸入框無法輸入的bug,談如何限制輸入框輸入型別型別
- input輸入框加入限制只能輸入正整數,輸入其他字元會自動清除字元
- JavaScript 文字框只能輸入數字JavaScript
- Vue使用antd中input元件去驗證輸入框輸入內容Vue元件
- app直播原始碼,監聽EditText輸入框內輸入內容的變化APP原始碼
- vue.js輸入框輸入值內容實時跟著變化Vue.js
- input 限制字數輸入時候 限制字數會出現負數
- Input 輸入框中 只能輸入正整數
- vue element el-input輸入限制數字Vue
- CSS 自適應內容寬度的輸入框CSS
- 輸入框
- react輸入框輸入中文bugReact
- Python限制輸入數字的範圍常用方法!Python
- element-ui 輸入框el-input 輸入長度限制元件不生效UI元件
- 動手寫個數字輸入框3:痛點——輸入法是個魔鬼
- axure教程:如何實現數字輸入框效果
- Excel還能限制輸入內容?其實這樣能有效避免人員輸入錯誤Excel
- imemode 控制輸入法,控制輸入框的輸入法
- Flutter 密碼輸入框 驗證碼輸入框Flutter密碼
- vue專案 el-input輸入框字元限制,相容中英文及數字Vue字元
- vue---input只能輸入數字,且限制長度Vue
- 純css改變輸入框游標顏色CSS
- C#判斷輸入為數字C#
- 解決element-ui 輸入框el-input 輸入長度限制元件不生效UI元件
- 動態顯示:文字框字數(輸入還剩多少字)
- 直播軟體開發,限制富文字框輸入的字元數上限字元
- UITextView UITextField限制輸入字數以及精準剩餘字數顯示UITextView
- Vue只能輸入數字Vue
- 純css實現輸入框placeholder動效及輸入校驗的示例程式碼CSS
- jQuery文字框輸入數字彈出格式化層jQuery
- Element原始碼分析系列7-InputNumber(數字輸入框)原始碼
- 輸入框只能輸入負數,整數,2位小數(鍵盤彈起事件)事件