validate natural input number with ngpattern

Question

I use ng-pattern   0-9   to set price field do not accept decimal number  But when I input natural number  from 0 to 9999999  ng-show gets activated with Not valid number     Where did I go wrong   Please help    lt form name  myform  data-ng-submit  create    gt           lt input type  number                 name  price field                 data-ng-model  price                 require                ng-pattern   0-9   gt           lt span  ng-show  myform price field  error pattern  gt Not valid number  lt  span gt           lt input type  submit  class  btn  gt   lt  form gt

User · Answer

This is working     lt form name  myform  ng-submit  create    gt       lt input type  number             name  price field             ng-model  price             require            ng-pattern     d 0 9     d 1 9       gt       lt span  ng-show  myform price field  error pattern  gt Not valid number  lt  span gt       lt input type  submit  class  btn  gt    lt  form gt

User · Answer

The problem is that your REGX pattern will only match the input  0-9    To meet your requirement  0-9999999   you should rewrite your regx pattern   ng-pattern     0-9  1 7       My example   HTML    lt div ng-app ng-controller  formCtrl  gt     lt form name  myForm  ng-submit  onSubmit    gt       lt input type  number  ng-model  price  name  price field              ng-pattern     0-9  1 7     required gt       lt span ng-show  myForm price field  error pattern  gt Not a valid number  lt  span gt       lt span ng-show  myForm price field  error required  gt This field is required  lt  span gt       lt input type  submit  value  submit   gt     lt  form gt   lt  div gt    JS   function formCtrl  scope      scope onSubmit   function        alert  form submitted            Here is a jsFiddle demo

User · Answer

lt label gt Mobile Number    lt  label gt   lt input id  txtMobile  ng-maxlength  10  maxlength  10  Validate-phone  required  name  strMobileNo  ng-model  formModel strMobileNo  type  text   placeholder  Enter Mobile Number  gt   lt span style  color red  ng-show  regForm strMobileNo  dirty  amp  amp  regForm strMobileNo  invalid  gt  lt span ng-show  regForm strMobileNo  error required  gt Phone is required  lt  span gt    the following code will help for phone number validation and the respected directive is  app directive  validatePhone   function     var PHONE REGEXP      789  d 9       return       link  function scope  elm          elm on  keyup  function                var isMatchRegex   PHONE REGEXP test elm val                 if  isMatchRegex amp  amp  elm hasClass  warning      elm val                         elm removeClass  warning                 else if isMatchRegex    false  amp  amp   elm hasClass  warning                   elm addClass  warning

[angularjs] validate natural input number with ngpattern

Examples related to angularjs

Examples related to regex

Examples related to angularjs-validation