Question

我有两个输入元素，想要在其上监听KeyUp事件。

<form>
  First name:<br>
  <input type="text" name="username" id="username"><br>
  Last name:<br>
  <input type="text" name="password" id="password"><br><br>
  <input type="submit" value="Submit" disabled>
</form>

我想要达到的是，当两个输入都不为空时，应启用提交。

Answer 1

import 'dart:html';

void main() {
  final ids = ['username', 'password'];
  final inputs = ids.map((id) => document.getElementById(id) as InputElement);
  inputs.forEach((input) {
    input.onKeyUp.listen((e) {
      final SubmitButtonInputElement submit =
          document.querySelector('input[type=submit]');
      submit.disabled = inputs.any((input) => input.value.isEmpty);
    });
  });
}

在DartPad上测试：https://dartpad.dartlang.org/49e61d036983e37a0d02663674d04b83

合并输入流

1 个答案: