如何用js正则表达式判断是不是数字和范围控制
你知道吗？用js来判断一个输入是不是数字，而且还能限制数字的范围，其实一点都不难！来，咱们分步骤聊聊：
-
首先，搞个简单的网页页面，比如叫
test.html，里面放个input标签，给它个id，比如myinput，这就是咱们的数字输入框啦。 -
在输入框下面加个按钮，名叫“判断范围”，用户点击它的时候，咱们就能用js代码去验证输入框里的内容了。
-
绑定按钮的
onclick事件，写个函数，比如validateInput，用正则表达式来检测输入是不是符合咱们设置的数字范围，比如：大于等于1，小于等于20000000的整数。示例正则可以像这样写：
function validateInput(input) {
const reg = /^(?:[1-9]\d{0,6}|1\d{7}|20000000)$/;
return reg.test(input);
}
- 这样，输入
123456返回true，输入20.123或者0则是false。是不是特别棒！
总之一句话，结合事件绑定和正则检测，让数字验证轻轻松松实现，用户体验蹭蹭涨！
js正则表达式匹配至少两个汉字或一个点以及非空验证技巧
说到匹配汉字，咱们得用Unicode属性集，js从ES2018开始才支持，这里要用个神奇的u标志哦。具体来说：
- 想匹配至少两个汉字？简单！用这个：
const reg = /\p{Han}{2,}/u;
p{Han}就是匹配任意汉字字符，{2,}表示两个或更多。别忘了加那个u，不然玩不了！
-
另外，还可以匹配一个点，把它和汉字用
|连起来，意思是“至少两个汉字，或者一个点”。 -
对了，验证输入不能为空也很重要！这时你可以用：
const reg = /\S/;
/\S/表示匹配任何非空白字符，检测输入框里有没有输点啥。
- js定义正则有两种方式，一是用构造函数
new RegExp("pattern")，二是写成/pattern/。就是这么简单方便，但要注意大小写区分，写错了可是会直接失效的，噢~
总的来说，这些小技巧，在项目中能帮大忙，不费吹灰之力搞定复杂的文本检测需求。
相关问题解答
- js如何快速判断输入是不是数字啦？
哈哈，这个你只要用test()方法配合正则表达式就行了。比如/^\d+$/能判断是不是纯数字哦。别忘了加逻辑判断范围，避免用户随便乱输，那就完美啦！
- 为什么匹配汉字要用
\p{Han}，直接用中文字符不行吗？
唉，这个得给你科普下，\p{Han}是Unicode标准定义的汉字范围，能匹配所有汉字，不管哪种字体啥的，特别靠谱。普通字符可没这么牛，兼容性也差呢！
- 验证用户输入不能为空，有啥高效的方法？
呵呵，很简单，就是用/\S/这个正则，它专门帮你检查有没有非空白字符，像空格啥的它都当空。非常适合用在输入框非空校验，放心大胆用吧！
- 验证身份证号码用正则靠谱吗，复杂吗？
嗯，这就得看你要多严谨了。简单版正则可以检验格式，像长度和数字结构，perfect！但想要真正验证身份证号码是否合法，还得结合校验位计算啥的，才叫稳妥。总之，写代码别着急，一步步来哈！
新增评论