2015-07-01 198 views
-1

我想要一個輸入框,它只能有字母和數字,最小字母數爲4,最多爲20個。爲此,我有以下代碼。模式屬性不能正常工作

<input type="text" name="sample" pattern="[a-zA-Z0-9].{4,20}" /> 

此模式屬性阻止我提交表單。當我輸入多個字母時,它會告訴我匹配所需的格式。 我在做什麼錯?我怎樣才能讓這個表格只有4-20個字母的字母和數字?

回答

0

您在模式中使用通配符.。這是匹配4到20倍的東西。嘗試

<input type="text" name="sample" pattern="[a-zA-Z0-9]{4,20}" /> 

演示:http://jsfiddle.net/fwt2cj3o/