JSFiddle - React, Tailwind, and code Playground

by Prajeesh_PR

HTML

<div ng-app="myApp" ng-controller="myCtrl">
<input type="text" ng-model="dpp" id="ccNr" maxlength="19"/>  
<button >click</button>
</div>

JavaScript

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
	$scope.dppp="";
   $("button").click(function(){
    alert($scope.dppp);
    });
$("#ccNr").keyup(function(e){
	
  if(e.keyCode != 8){
    var length = $(this).val().replace(/ /g,"").length;
    if(length <= 12){
    var x= $("#ccNr").val();
    var name = x.replace(/[^a-zA-Z0-9]/g, "");
	$scope.dppp=$scope.dppp+name;
       var val = "";
       for(var i = 0; i < length ; i++){
       	  val+="*";
     	  if((i+1)%4 == 0){
            val+=" ";
          }
       }
       $(this).val(val);
    }
    
    if(length < 12 || length >= 16){
    var x= $("#ccNr").val();
    var name = x.replace(/[^a-zA-Z0-9]/g, "");
	$scope.dppp=$scope.dppp+name;
        e.preventDefault();       
    }
  }
});

});