current community

your communities

more stack exchange communities

Stack Exchange
tour help
stack overflow careers
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite

I have an input field which is number type in my form. It is not a mandatory field. So i have not given required attribute. But whenever the user gives value to it he must provide only numeric value and not alphabets or any special characters. How to validate this in ng-show of angularjs?

share|improve this question
    
Check this out : jsfiddle.net/bruscopelliti/3vRXy/light –  AntoineLev Jun 18 '14 at 15:24
    
In the fiddle the userid is given as required field. But in my case it is not a mandatory field. –  Wilson Jun 19 '14 at 6:25

3 Answers 3

up vote 0 down vote accepted

Hope this Thread will solve your problem. Solving a Regex for a number range

You can get your regex pattern for any number range in http://utilitymill.com/utility/Regex_For_Range according to this thread.

share|improve this answer
up vote 2 down vote

Please see here for example : 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>
share|improve this answer
    
Ya this will work. But at the same time i need to validate the maximum and minimum number if user enters numbers. In that case what i need to do? –  Wilson Jun 19 '14 at 6:23
    
please see here jsbin.com/renegica/13/edit you can use min and max just you need to change input type from text to number –  sylwester Jun 19 '14 at 8:17
    
But if i do so then i cannot validate alphabets if i did not give required attribute to number field. i have marked the answer. Now i am using ng-pattern to text field and solved the problem. –  Wilson Jun 19 '14 at 8:25
    
Yes that's right ng-patter is the best solution and using reg-generator is pretty easy to validate number. –  sylwester Jun 19 '14 at 8:27
up vote 2 down vote

Use angular-ui mask here-> http://angular-ui.github.io/ui-utils/#/mask

Here is an example of my using it with a phone number pattern:

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

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.