Javascript 在文本框上更改输入时调用函数？

我试图创建一个按钮，当用户名和密码字段都输入了某种类型的输入（即用户名和密码文本框都不是空的）时，该按钮会改变颜色

当在NativeScript中更改文本框的输入时，是否有方法使函数触发？我在NativeScript slack等网站上询问过，但似乎从未得到回复

我认为这是一个相对简单的请求，尤其是当我使用vanilla JS时。它肯定比使用Angular或Vue等框架更简单

---

我不想使用框架，我正在寻找一种使用普通JS的方法。我试过什么？我已经尝试了

onChange=“”

，

textChange=“”

，

change=“”

，但似乎没有任何效果。

您可以使用onkeyup事件触发表单验证

请参见下面的代码段：

document.addEventListener（“加载”，函数（）{
});
函数验证（事件）{
if（document.getElementById（“用户名”）.value.trim（）！=“”&document.getElementById（“密码”）.value.trim（）！=“”）{
document.getElementById（“btn”）.removeAttribute（“禁用”）；
}否则{
document.getElementById（“btn”）.setAttribute（“禁用”、“禁用”）；
}
}

。启用{
}

提交

编辑了我的整个答案，因为我最初用Javascript lol给了你一个完整的演示。也许有很多声望的人应该做一个Nativescript标记

不管怎样，你试过这样吗

<TextField hint="Enter text" text="" (textChange)="myFunction($event)"></TextField>

---

这里有一些相关的文档：

如果您使用的是没有任何框架的纯JavaScript/TypeScript，那么您必须在

加载的
事件之后添加
textChange
侦听器

XML

<TextField loaded="onTextFieldLoaded"></TextField>

这个问题与HTML无关，它是针对NativeScript的，你读了我的问题吗？@LeeNelson我想问题是你用
JavaScript
标记了你的问题，没有包含任何你应该包含的示例代码，因此，很容易忽略的是，对于一个特定的框架，您想要的东西似乎并没有得到广泛的应用。它的广泛应用足以在stackoverflow上有一个标记。NativeScript使用javascript，这就是我标记它的原因。我没有包括任何示例代码，因为它不需要任何示例代码，因为它是一个只有4000个问题的标记，所以没有被广泛使用。您总是需要示例代码，因为没有它，您甚至不清楚自己在做什么。另外，这不是我的答案。@LeeNelson下次可能会将其添加到主题行。可能是什么，但很难说，因为你没有任何示例代码，所以不清楚你在使用什么。我将你的代码实现到我的应用程序中，它会记录控制台日志，尽管文本框似乎会取消我输入的字符。这是我的游乐场样本：
<TextField loaded="onTextFieldLoaded"></TextField>

function onTextFieldLoaded(args) {
  const textField = args.object;
  textField.off("loaded");
  textField.on("textChange", onTextChange);
}

function onTextChange(args) {
  console.log("Changed: " + args.value);
}