手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

JS如何校验输入的金额数字

时间:2024-10-12 10:24:49

1、首先我们在Sublime Text中添加HTML文档,注意HTML中要指定编码格式为utf8,如下图所示

JS如何校验输入的金额数字

2、然后我们在body区域中添加一个input框和一个button按钮,如下图所示

JS如何校验输入的金额数字

3、接下来我们在button中的点击事件里面获取input里面的输入的值,如下图所示

JS如何校验输入的金额数字

4、接下来就需要准备正则表达式了,如下图所示,此正则表达式小编已经验证了各个情况,确认好用

JS如何校验输入的金额数字

5、然后调用正则表达式的test函数进行输入内容的校验,如下图所示

JS如何校验输入的金额数字

6、最后我们运行页面以后,在输入框里面输入内容,然后点击按钮以后你就会得到校验结果,如下图所示

JS如何校验输入的金额数字

7、综上所述,在JS中对金额进行校验主要是正则表达式一定要写对,表达式的规则需要涵盖多种输入情况,大家自己实验一下吧

© 手抄报圈