一些正则表达式的应用

ゞ浴缸里的玫瑰 2022-01-26 04:13 229阅读 0赞

1:为了能看到正则表达式的效果，我们用几个input来方便完成效果验证；先来看第一个，用正则表达式限制第一个input里面只能输入中文，如果不是中文就用空替换掉;给input一个键盘事件：；这样的话input里面就只能输入中文了，输入一些其他的就会被替换掉，比如数字，英文，符号这个等；  
第一个input效果截图演示：  
![在这里插入图片描述][20190528080126451.PNG]  
2：再来试试其他的效果，用正则表达式限制第二个input里面只能输入全角字符；代码：；跟第一个差不多，只是改变了几个字，然后去看看效果：  
第二个input效果截图演示：  
![在这里插入图片描述][20190528080136174.PNG]  
3：再用正则表达式限制第三个input里面只能输入数字，代码： ；  
第三个input效果截图演示：  
![在这里插入图片描述][2019052808014390.PNG]  
4：用正则表达式限制第四个input里面只能输入数字跟英文，这个的话就有点不同了，代码：；  
第四个input效果截图演示：  
![在这里插入图片描述][20190528080152771.PNG]  
5：除了这些基础的正则表达式以外还有许多，当然，是不可能一一列出来的，比如只能输入数字："\[0-9\]\*$"；只能输入n位的数字："^\\d\{n\}$"；只能输入至少n位的数字："\\d\{n,\}KaTeX parse error: Expected group after '^' at position 17: …；只能输入m~n位的数字：；"^̲\\d\{m,n\}"；只能输入零和非零开头的数字："(0|\[1-9\]\[0-9\]\*)$"；只能输入有两位小数的正实数："^\[0-9\]+(.\[0-9\]\{2\})?$"；只能输入有1~3位小数的正实数："\[0-9\]+(.\[0-9\]\{1,3\})?$"；等等，当然也可以自己突发灵感匹配一些出来。

[20190528080126451.PNG]: /images/20220126/abdfb18100fd42698bb39de56480a79f.png
[20190528080136174.PNG]: /images/20220126/1ff8ab0d88ae4c07a765b7f69e0c8b93.png
[2019052808014390.PNG]: /images/20220126/c284db520ad248bd8ea750b12211b84e.png
[20190528080152771.PNG]: /images/20220126/4c7d709c2f064d589731c1dd9e109338.png