·您当前的位置:首页 > 技术教程 > Html5技术 >

[html5]html5正则表达式新用法

时间:2017-07-07 14:57酷播
曾几何时,你自己草草写了许多正则表达式来验证一个特殊的文本框。感谢新的pattern属性,我们能够在我们的标记中直接插入一个正则表达式。

曾几何时,你自己草草写了许多正则表达式来验证一个特殊的文本框。感谢新的pattern属性,我们能够在我们的标记中直接插入一个正则表达式。
<form action="" method="post"> 
    <label for="username">Create a Username: </label> 
    <input type="text" 
       name="username" 
       id="username" 
       placeholder="4 <> 10" 
       pattern="[A-Za-z]{4,10}" 
       autofocus  
       required> 
    <button type="submit">Go </button> 
</form> 
如果你熟悉正则表达式,肯定知道这个表达式[A-Za-z]{4,10}仅接受最上层和最下层的字母。这个字符串也必须包含最小四个字符,最多十个。
需要注意的是我们正在开始结合这些新的令人叹为观止的属性。

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器