在进行前端页面设计时,可能会遇到要求用户输入,比如说输入框中只能输入小数。那么,正则表达式小数如何匹配?
工具/原料
1
JavaScript
2
jquery
3
HTML5
4
CSS3
5
截图工具
6
WPS
7
HBuilderX
8
浏览器
方法/步骤
1
打开HBuilderX开发工具,新建一个HTML5页面文件,然后修改title标签内容
2
接着在title标签下方,插入一个script并引入jquery文件
3
在
标签中,插入一个input输入框,并设置对应的样式属性4
保存代码并运行页面文件,打开浏览器查看,发现可以在输入框中输入多个字符
5
在input输入框中,添加属性min、max和maxlength,然后添加onkeyup事件
6
再次保存代码并刷新浏览器,可以发现输入框输入小数
总结
1、新建页面文件2、引入依赖文件3、插入标签元素4、添加限制属性5、添加限制事件6、保存运行预览END
注意事项
1
注意正则表达式小数如何匹配
2
注意正则表达式的用法和使用场景
上一篇:跳棋怎么走,走法有哪些?
下一篇:js正则表达式之人民币匹配