在html5中使用angularjs驗證文本字段中的數字

我有一個輸入字段，它是我的表單中的數字類型。這不是必填字段。所以我沒有給出必要的屬性。但是，只要用戶給予它的價值，他就必須只提供數字值而不是字母或任何特殊字符。如何驗證這在ngj顯示angularjs？在html5中使用angularjs驗證文本字段中的數字

來源

2014-06-18 Wilson

看看這個：http://jsfiddle.net/bruscopelliti/3vRXy/light/ – AntoineLev

在小提琴中，用戶ID被作爲必填字段給出。但在我的情況下，這不是一個必填字段。 – Wilson

希望此主題能夠解決您的問題。 Solving a Regex for a number range

根據此線程，您可以在http://utilitymill.com/utility/Regex_For_Range中獲取任意數字範圍的正則表達式模式。

來源

2014-06-19 06:39:57 sms

請在這裏看到，例如：http://jsbin.com/renegica/12/

<form name="myForm" ng-submit="onSubmit()"> 

    <input type="text" name="number" ng-model="number" ng-pattern="/^[0-9]+$/" required/> 
    <span ng-show="myForm.number.$error.pattern">Not a number!</span> 
    </form>

來源

2014-06-18 16:05:26 sylwester

雅這會工作。但同時，如果用戶輸入數字，我需要驗證最大和最小號碼。在那種情況下，我需要做什麼？ – Wilson

請看這裏http://jsbin.com/renegica/13/edit你可以使用最小和最大隻是你需要將輸入類型從文本更改爲數字 – sylwester

但是，如果我這樣做，然後我不能驗證字母，如果我沒有給必填屬性到號碼字段。我已經標記了答案。現在我正在使用ng-pattern到文本字段並解決問題。 – Wilson

使用角UI面膜這裏 - >http://angular-ui.github.io/ui-utils/#/mask

下面是使用它與電話號碼模式我的一個例子：

<input name="phoneInputNumber" 
ui-mask="(999)999-9999" 
ng-model="phoneInput.number" />

來源

2014-06-18 16:09:36 koolunix

在html5中使用angularjs驗證文本字段中的數字

回答

相關問題