Javascript 如何将空格限制为第一个字符,并在angular8中允许字符后留空格
我曾试图限制特殊字符和空白作为第一个字符,但我能够实现限制特殊字符,但我不能限制空间作为第一个字符。我用过定制的烟斗。还附上了工作演示。 现在,输入字段中的特殊字符被限制了,所以我必须将空格限制为第一个字符,并在字母数字之后允许空格 HTML:Javascript 如何将空格限制为第一个字符,并在angular8中允许字符后留空格,javascript,angular,Javascript,Angular,我曾试图限制特殊字符和空白作为第一个字符,但我能够实现限制特殊字符,但我不能限制空间作为第一个字符。我用过定制的烟斗。还附上了工作演示。 现在,输入字段中的特殊字符被限制了,所以我必须将空格限制为第一个字符,并在字母数字之后允许空格 HTML: 您正在寻找的解决方案称为this.el.nativeElement.selectionStart 这是您的代码库 @HostListener('keydown', ['$event']) onKeyDown(event: KeyboardEvent)
您正在寻找的解决方案称为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();
}
}
我还为此创建了演示。请检查以下内容:
请在此处添加相关代码以创建一个。如果外部链接被删除或修改,问题将没有未来value@adiga,我也粘贴了代码,ThanksHi@Aakash,在上面的答案中是否允许-以便我可以搜索623-4567-987的电话号码
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)
}
@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();
}
}