<p>&nbsp;</p>
<div class="wrapper">
<table style="width:100%">
  <tr>
    <td><input type="email" id="numeroentero" class="form-control" placeholder="Número entrada"></td><td><button class="btn btn-default" id="btn-accion">Formateo!!!</button></td>
  </tr><tr>
    <td><br><input type="email" id="retorno" class="form-control" placeholder="Salida formateada"></td><td></td>
  </tr>
</table>
</div>

.wrapper {
	display: block-inline;
	width: 400px;
	margin: 10px auto;
}

// Funciones de validación y formateo
var fn = {
	validaEntero : function  ( value ) {
	  var RegExPattern = /[0-9]+$/;
	  return RegExPattern.test( value );
	},
  
  formateaNumero : function ( value ) {
    if ( fn.validaEntero ( value ) )  {  
      var retorno = '';
      value = value.toString().split('').reverse().join('');
      var i = value.length;
      while(i>0) retorno += ((i%3==0&&i!=value.length)?'.':'')+value.substring(i--,i);
      return retorno;
    }
    return 0;
  }
}



$("#btn-accion").click(function(){
  $("#retorno").val(fn.formateaNumero( $("#numeroentero").val() ));
});