OpenUI5 TextField with Only Numbers

OpenUI5 TextField with Only Numbers

by Florian Pfeffer

HTML

<script src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js" 
    id="sap-ui-bootstrap"
    data-sap-ui-libs="sap.ui.commons" 
    data-sap-ui-theme="sap_bluecrystal">
</script>

<body class="sapUiBody">
  <div id="content"></div>
</body>

JavaScript

var oTextField = new sap.ui.commons.TextField("data",{});

oTextField.attachBrowserEvent("keypress",acceptOnlyNumbers);

oTextField.placeAt("content");
       
function acceptOnlyNumbers(e){
  var key_codes = [48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 0, 8]; 
  if (!($.inArray(e.which, key_codes) >= 0)) { 
    e.preventDefault(); 
  } 
}