基于角度 2 中的按键进行验证

Validation based on keypress in angular 2

本文关键字：验证 于角度      更新时间：2023-09-26

我正在尝试为angular2项目进行简单的数字验证。但是我无法复制下面编写的JavaScript代码。

目录

<input type="text" class="textfield" value="" id="extra7" name="extra7" onkeypress="return isNumber(event)" />

JavaScript

function isNumber(evt) {
    evt = (evt) ? evt : window.event;
        var charCode = (evt.which) ? evt.which : evt.keyCode;
        if (charCode > 31 && (charCode != 46 && (charCode < 48 || charCode > 57))) {
            return false;
        } else {
            return true;
        }
}

现在对于angularJS2，当我尝试做return isNumber(event)它无法编译html文件。并启动 Rx.js错误。如果我删除return它已编译但无法正常工作。

我是否错过了 AngularJS2 世界方面的一些东西。

如果需要任何进一步的细节，请告诉我。

更新

这样我就是在 angular2 中完成的。在这里，如果我删除 return 关键字，我可以按键，但不能使用我从 isNumber 方法返回的任何内容。

PS：我正在做所有这些特殊的工作，因为Firefox输入类型数字在表单发布时检查数字。AngularJS2 绕过 form post（完整的 html post）来给 ajax post afaik。

将函数绑定到元素时，您应该具有足球运算符：

<input ... (keypress)="return isNumber()"/>

如果这不起作用，我很好奇为什么您需要在按键时返回一个函数......

相关文章：