首页 / JAVASCRIPT / javascript-Angular 5仅对模糊进行验证？

javascript-Angular 5仅对模糊进行验证？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-Angular 5仅对模糊进行验证？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1472字，纯文字阅读大概需要3分钟。

内容图文

我想知道是否有可能以模糊的反应形式进行验证.目前,您可以设置updateOn：“ blur”,但是输入字段的值不会在输入时更新.在我的情况下,我需要在每次击键时更新值,因为我会用它进行计算并将结果显示给用户.验证应仅在模糊时进行.

谢谢.

编辑：

我使用FormBuilder,一些内置的验证器和一些自定义的验证器.示例代码：

let formToMake = {
  purpose: [null, Validators.required],
  registrationDate: this.fb.group({
    day: [null, Validators.required],
    month: [null, Validators.required],
    year: [null, Validators.required]
  }),
  isTruth: [null, Validators.compose([checkIfTrue, Validators.required])]
};

如果我要使用模糊事件,则需要手动进行所有验证,但我认为这不是一个好方法.

解决方法:

我最终做了什么：

使用反应形式：

TS

这是表格.我需要productCost和loanAmount在模糊时进行验证,但值本身需要在onchange时更新.如果设置updateOn：“ blur”,则验证将在模糊事件之后进行,但是als值将在模糊事件之后进行更新.

let formToMake = {
      productCost: new FormControl(null, {validators: Validators.required, updateOn: "blur"}),
      loanAmount: new FormControl(null, {validators: Validators.compose([Validators.required, Validators.min(2500)]), updateOn: "blur"}),
      loanLength: new FormControl(49, {validators: Validators.required, updateOn: "change"})
    };

handleInput方法：

为了解决这个问题,我只做了一个事件处理程序,它将在输入事件上调用.

TS

handleInput(e: any) {
    this.loanAmount = e;
  }

的HTML

<input class="form__input" type="number" value="{{loanForm.get('loanAmount').value}}" id="loanAmount" formControlName="loanAmount" (input)="handleInput($event.target.value)">

内容总结

以上是互联网集市为您收集整理的javascript-Angular 5仅对模糊进行验证？全部内容，希望文章能够帮你解决javascript-Angular 5仅对模糊进行验证？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/685689.html

来源：【匿名】