mobilemask v1.0.7

mobileMask

Mobile mask directive for angularjs

Requirements

• AngularJS

Usage

NPM

npm i mobilemask

Load the script files in your application:

<script
  type="text/javascript"
  src="node_modules/mobilemask/dist/mobileMask.js"
></script>

angular.module('myApp', ['ngMobileMask', ...]);

Example

html

<mobile-mask
  mask-id="'mobile'"
  country-code="98"
  number-count="10"
  ng-model="mobile"
  valid-numbers-for-first-number="'1-9'"
  errors="errors"
  is-valid="isValid"
></mobile-mask>

Image 1

Image 2

if first number less or bigger than valid numbers

• mask-id : For focus when use multiple directive ,
• country-code : For set country code ,
• number-count : Numbers count after area code ,
• valid-numbers-for-first-number : for valid numbers for first number after area code
• errors : Return errors occur in directive ,
• is-valid : If number is valid return true else return false ,

for use css

<link
  href="dist/css/myStyles.css"
  rel="node_modules/mobilemask/dist/mobileMask.css"
/>

Demo