Typescript + Html:如何在输入字段中强制大写
Typescript + Html:如何在输入字段中强制大写
提问于 2018-05-21 18:14:18
我正在使用angular (typescript)，我有一个html格式的模型表单，用户必须在其中插入一个代码字段和一个描述字段。
代码字段必须始终由用户输入，且始终为大写。
我发现并遵循了这个问题：How to convert input value to uppercase in angular 2 (value passing to ngControl)
但是用户插入的最后一个字母仍然是小写的。最基本的事情是数据库总是全大写的(我也限制了4个字符才能正常工作)这是我现在的代码，但如上所述，它不能正常工作：
<input type="text" id="code" #code class="form-control" formControlName="code" maxlength="4"
(input)="code.value=$event.target.value.toUpperCase()">有没有人找到一个快速、实用、快速的解决方案？
谢谢!
回答 6
Stack Overflow用户
回答已采纳
发布于 2018-05-21 18:46:10
您只需在<input>标记中添加oninput="this.value = this.value.toUpperCase()"，它会立即将您输入字段中的任何输入转换为大写。
Stack Overflow用户
发布于 2019-04-09 05:54:29
如果您正在使用ngModel，您可以使用ngModelChange和JavaScript的.ToUpperCase()来实现这一点。
<input [ngModel]="person.Name" (ngModelChange)="person.Name = $event.toUpperCase()">Stack Overflow用户
发布于 2020-06-06 07:55:17
根据@Ali Heikal的回答，应该是：
<input #code formControlName="code" (input)="code.value = code.value.toUpperCase()" type="text">如果需要，也可以使用.toLocaleUpperCase()。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50446592
复制相关文章
相似问题