Question

您好我正在使用此代码在textarea中输入并希望限制用户不要添加超过1000个单词。它在Node.js应用程序上工作正常，但是当我在我的Android应用程序上使用此代码时（我使用cordova制作一个andriod应用程序）。然后相同的代码让用户输入超过1000个单词。任何人都可以指导错误可能在哪里因为我在初学者级别。

<div class="col-sm-12 col-xs-12">
<textarea class="form-control file-box" rows="6"
placeholder="write it here" ng-model="formData.message" required=""
maxlength="1000" name="complaintMessage" ng-keyup="check_complaint_length()"></textarea>
<span style="float: right; color: yellowgreen;">{{1000-formData.message.length}} characters left</span>
</div>

Answer 1

如果你使用Ionic v2，你应该有类似的东西：

@Directive({
  selector: '[max-limit]',
  host: {
    '(keypress)': '_onKeypress($event)',
  }
})
export class MaxLimitDirective {
  @Input('max-limit') maxLimit; 
  _onKeypress(e) {
     const limit = +this.maxLimit;
     if (e.target.value.length === limit) e.preventDefault();
  }
}

在 ngModule 中注册，如：

@NgModule({
  imports: [ BrowserModule ],
  declarations: [ App, MaxLimitDirective ],
  ...
})
export class AppModule {}

然后：

<textarea class="form-control file-box" rows="6"
placeholder="write it here" ng-model="formData.message" required=""
maxlength="1000" name="complaintMessage" max-limit="1000" ng-keyup="check_complaint_length()"></textarea>
<span style="float: right; color: yellowgreen;">{{1000-formData.message.length}} characters left</span>
</div>

Android应用程序（Cordova）上的文字区域超出限制

1 个答案: