HTML5正则表达式模式验证

Question

我需要的验证是以下AZ, az, 0-9 ，无结尾/前导空格， -._仅一次非结尾/前导

到现在为止，我有以下内容：

<input type="text" pattern="^\S[a-zA-Z0-9]*\S$">

这会照顾到前导尾随空格和AZ，az，0-9，但至少需要2个字符

然后我想到了这样的符号-._

<input type="text" pattern="^\S[a-zA-Z0-9]*[\-_+]{,1}\S$">

但是那里没有运气。 有任何想法吗？

Answer 1

由于pattern属性使用与JavaScript相同的语法，因此可以使用以下正则表达式：

 <input type="text" pattern="^(?=..)[a-zA-Z0-9]*([_.-][a-zA-Z0-9]*)?$"> 

^{您可以通过输入一些内容来测试上面的代码段，然后从输入中更改焦点。}

输入只能包含a-zA-Z0-9和最多一次的_.- 。 前面的前瞻(?=..)检查是否至少有2个字符。