启用尽快提交按钮字段有效

Question

我有以下的模型（有一些不相关的东西删除）：

import * as ko from "knockout";

export class RecipientsModel {
    private surveyId: string;
    editBulkAccounts = ko.observable([]);
    firstName = ko.observable("");
    debugData = ko.observable("");
    constructor() {};

    public addRecipients() {}
}

而这个模板：

<script type="text/html" id="recipients">
  <!-- ko with: recipient -->
  <form data-bind="submit: addRecipients">
    <div class="form-item form-type-textarea form-item-bulk-accounts">
      <label class="control-label" for="edit-bulk-accounts">Email addresses or mobile number<span class="form-required" title="This field is required.">*</span></label>
      <div class="form-textarea-wrapper resizable textarea-processed resizable-textarea">
        <textarea data-bind="value: editBulkAccounts" class="form-control form-textarea required" id="edit-bulk-accounts" name="bulk_accounts" cols="60" rows="5"></textarea></div>
    </div>
    <input type="submit" id="edit-submit--7" name="op" value="Mark participation" class="form-submit btn btn-fill btn-wd" data-bind="enable: editBulkAccounts().length">
  </form>
  <div data-bind="text: debugData">Test</div>
  <!-- /ko -->
</script>

当我第一次加载页面时，我提交预期按钮被禁用。当我输入文本的textarea我想提交按钮，立即启用 - 甚至只是一个字符是罚款。正在发生的事情是，提交不出来，直到启用文本区域失去焦点，即标签或点击网页上的其他地方。

我可以使用knockoutjs数据绑定，使尽快textarea的具有任何内容提交按钮？如果是这样，怎么样？

Answer 1

尝试使用为textInput结合，而不是在你的文本框的值 - 它应该立即更新