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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- javascript驗證輸入文字框內容是否為數字JavaScript
- JavaScript 驗證輸入文字框內容是否為數字JavaScript
- 文字框限制輸入字數的JSJS
- input 輸入框只能輸入數字
- 短視訊軟體開發,flutter 輸入框限制輸入 數字、小數Flutter
- Qt 實現文字輸入框,帶字數限制QT
- 限制文字框只能輸入數字:Asp.net&C#ASP.NETC#
- JavaScript 文字框輸入內容同步JavaScript
- jQuery文字框輸入內容同步jQuery
- 【新特性速遞】數字輸入框的字首和字尾(位於輸入框內部)
- 限制文字框只能夠輸入數字程式碼例項
- jQuery文字框內容輸入同步功能jQuery
- 從一次輸入框無法輸入的bug,談如何限制輸入框輸入型別型別
- input輸入框加入限制只能輸入正整數,輸入其他字元會自動清除字元
- ios OC 輸入框禁止輸入空格/去掉空格/只能輸入字母和數字iOS
- JavaScript 文字框只能輸入數字JavaScript
- 文字框只能輸入數字 javascriptJavaScript
- Vue使用antd中input元件去驗證輸入框輸入內容Vue元件
- app直播原始碼,監聽EditText輸入框內輸入內容的變化APP原始碼
- Android TextWatcher監控EditText中的輸入內容並限制其輸入字元個數Android字元
- vue.js輸入框輸入值內容實時跟著變化Vue.js
- 文字框只能輸入數字程式碼
- iOS Swift 輸入框限制長度iOSSwift
- javascript限制文字框輸入長度JavaScript
- js多個文字框輸入內容同步效果JS
- input 限制字數輸入時候 限制字數會出現負數
- Input 輸入框中 只能輸入正整數
- vue element el-input輸入限制數字Vue
- 限制HTML的input只能輸入數字、英文、漢字...HTML
- js 校驗輸入框還可以輸入多少個字JS
- CSS 自適應內容寬度的輸入框CSS
- react輸入框輸入中文bugReact
- axure教程:如何實現數字輸入框效果
- javascript實時顯示文字框輸入字數JavaScript
- Excel還能限制輸入內容?其實這樣能有效避免人員輸入錯誤Excel
- imemode 控制輸入法,控制輸入框的輸入法
- element-ui 輸入框el-input 輸入長度限制元件不生效UI元件
- 兩個文字框同步輸入內容程式碼例項