数值在-5000~5000的表单校验规则

Question

最近在做表单校验，遇到了一个困难，数值在-5000~5000的正则表单校验规则

Answer 1

上午好☀️☀️☀️️
本答案参考ChatGPT-3.5

针对数值在-5000~5000的正则表单校验规则问题，可以通过以下步骤进行解决：

1.定义一个正则表达式，用于匹配解决该问题，例如：/^-?[0-4]\d{3}$|^5000$/

• ^表示开头
• -?表示可选负号-
• [0-4]表示数字0~4
• \d表示数字
• {3}表示3个数字
• |表示或者
• 5000表示5000
• $表示结束

2.在html代码中设置输入框的pattern属性，例如：

<input type="text" name="num" />

3.在js中添加表单提交事件的校验，例如：

var form = document.querySelector('form'); form.addEventListener('submit', function(event) { var numInput = document.querySelector('input[name="num"]'); var num = numInput.value.trim();

var numPattern = /^-?[0-4]\d{3}$|^5000$/; if (!numPattern.test(num)) { alert('请输入有效数字，范围在-5000~5000之间。'); numInput.focus(); event.preventDefault(); } });

4.在服务器端进行再次校验，例如：

// node.js + express app.post('/submit', function(req, res) { var num = req.body.num; if (num < -5000 || num > 5000) { res.send('请输入有效数字，范围在-5000~5000之间。'); return; }

// handle form submission here });

通过以上步骤，就可以有效解决表单数值范围在-5000~5000的校验问题了。