javascript - 如何将空格限制为第一个字符并在angular8中允许字符后的空格
问题描述
我试图将特殊字符和空格限制为第一个字符,但我能够实现限制特殊字符,但我无法将空格限制为第一个字符。我使用了自定义管道。还附上了工作演示。所以现在,输入字段中的特殊字符已被限制,所以我必须将空格限制为第一个字符并在字母数字之后允许空格。
HTML:
<input type="text" class="form-control min-w300" placeholder="Search Agent" [(ngModel)]="wildCardSearch" (ngModelChange)="searchChange($event)" appInputRestriction>
Ts:
我已经选择了选择器,appInputRestrictor
并且我一直这样使用它。
regexStr = '^[a-zA-Z0-9_]*$';
@Input() isAlphaNumeric: boolean;
constructor(private el: ElementRef) { }
@HostListener('keypress', ['$event']) onKeyPress(event) {
return new RegExp(this.regexStr).test(event.key);
}
validateFields(event) {
setTimeout(() => {
this.el.nativeElement.value = this.el.nativeElement.value.replace(/[^A-Za-z ]/g, '').replace(/\s/g, '');
event.preventDefault();
}, 100)
}
解决方案
您正在寻找的解决方案称为this.el.nativeElement.selectionStart
这是您的代码库。
@HostListener('keydown', ['$event'])
onKeyDown(event: KeyboardEvent) {
if ( this.el.nativeElement.selectionStart === 0 && event.key === ' ' ) {
event.preventDefault();
}
if (!RegExp(this.regexStr).test(event.key)) {
event.preventDefault();
}
}
我也为此创建了 Demo。请检查: