如何解决无法检测到输入的前导空格和尾随空格
在Chrome 86中,无论出于何种原因,JS似乎都无法检测到来自input[type=email]
事件中的input
元素的用户输入中的前导空格和尾随空格。我已经测试了检测此类空间的多种方法(例如Str.includes(' ')
,/\s/.test(str)
等),但它们都不起作用。
有人知道解决方法吗?
解决方法
(32,32,1)
类型的输入与email
类型的输入不同。有一些输入自动验证可以确保该值的格式正确。
在提交表单之前,将自动验证输入值,以确保其为空或格式正确的电子邮件地址(或地址列表)。
来自MDN
我假设这就是为什么空格从您正在测试的值中“删除”的原因。有3种可能的值格式:
- 空字符串
- 一个格式正确的电子邮件地址
- 用逗号分隔的电子邮件地址列表。
伪类text
和:valid
自动应用于输入,您可以将它们用于样式和逻辑。
:invalid
document.querySelectorAll("input[type='email']:valid").forEach(field=>{
console.log(field.value + " is valid" )
})
document.querySelectorAll("input[type='email']:invalid").forEach(field=>{
console.log(field.value + " is invalid" )
})
input:valid{
background: green
}
input:invalid{
background: red
}
请注意,将空字段视为有效,以及不带TLD的电子邮件地址...
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。