我正在尝试创建一个仅允许使用打字稿输入数字的文本框。 见下面的例子

Question

使用打字稿我想创建一个文本框，允许数字。

文本框

    import {bindable} from 'aurelia-framework';

export class textboxNumber {

@bindable public allownumber : number;
} 
  function onlynumber(allownumber) {
    allownumber = (allownumber) ? allownumber : event;
    var charCode = (allownumber.charCode) ? allownumber.charCode : ((allownumber.keyCode) ? allownumber.keyCode :
  ((allownumber.which) ? allownumber.which : 0));
    if (charCode > 31 && (charCode < 65 || charCode > 90) &&
    (charCode < 97 || charCode > 122)) {

        return false;
    }
    return true;
  }

textbox-alpha.html

<input type="text" onkeypress="onlynumber(allownumber)" required />

Answer 1

无需为此创建自定义元素，因为有内置输入类型。

<input type="number" />

Answer 2

使用pattern属性可以验证表单提交中的输入，并让浏览器完成工作。

 const form = document.querySelector('form'); form.addEventListener('submit', e => { // preventing the form from being submitted so that multiple inputs can be tested e.preventDefault(); alert('submit'); }); 

 <form> <input type="text" pattern="-?\\d*" title="Value must be an integer" required /> <input type="submit" value="submit" /> </form>