利用js正则表达式校验正数、负数、和小数

您好，朋友们！今天我要分享一段非常实用的JavaScript代码，这段代码能够实现一个强大的功能：利用正则表达式校验正数、负数以及小数。无论您是初学者还是资深开发者，这段参考价值十足的代码都会让您受益匪浅。

让我们直接来看这个HTML页面上的代码实例吧：

```html

function validateNumber() {

var inputValue = document.getElementById("txtNumber").value; // 获取输入框的值

var regexPattern = /^(\-|\+)?\d+(\.\d+)?$/; // 正则表达式，匹配正负数及小数

var resultLabel = document.getElementById("labResult"); // 获取结果显示的标签

if (inputValue !== "") { // 如果输入框有值

if (!regexPattern.test(inputValue)) { // 如果输入值不符合正则表达式规则

resultLabel.style.color = "red"; // 更改标签颜色为红色，表示验证失败

resultLabelnerHTML = "验证失败！"; // 显示验证失败信息

} else {

resultLabel.style.color = "green"; // 更改标签颜色为绿色，表示验证成功

resultLabelnerHTML = "验证成功！"; // 显示验证成功信息

}

}

}

```

将这段代码嵌入您的网页中，即可实现数字的校验功能。用户可以在文本框中输入数字，点击“校验”按钮后，结果将实时在标签中显示。如果输入的数字符合规则（正数、负数或小数），则标签颜色为绿色并显示“验证成功”；如果不符合规则，则标签颜色为红色并显示“验证失败”。这样的交互设计既直观又方便用户了解他们的输入是否有效。希望这段代码能为您的学习或工作带来便利，如有任何疑问，欢迎留言交流。也请关注我们的更多内容，谢谢支持！