JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-0.9.8.js"></script>
<script type="text/x-handlebars">
    {{view App.NumberField}}        
    
    <div>
        Age is {{App.person.age}}
    </div>
</script>

JavaScript

var onlyNumber = function(input) {
  return input.toString().replace(/[^\d.]/g, "");
};

App = Ember.Application.create();

App.person = Ember.Object.create({
    age: 42
});

App.NumberField = Ember.TextField.extend({
    valueBinding: Ember.Binding.from("App.person.age").transform({
        to: onlyNumber,
        from: onlyNumber
    }),
    
    _cleanValue: function() {
        this.set('value', onlyNumber(this.get('value')));
    }.observes('value')
});