JavaScript正则表达式校验非零的负整数实例

JavaScript正则表达式校验非零负整数实例详解

亲爱的朋友们，今天我要分享一个非常实用的JavaScript正则表达式实例，它能够帮助我们校验用户输入的是否为非零的负整数。这个实例代码简单易懂，即便是初学者也能轻松掌握。

这是一个HTML页面，其中包含一个输入框和一个按钮。用户在输入框中输入数值，然后点击按钮，页面将根据用户输入的数值进行校验，显示验证结果。

以下是HTML页面的代码：

```html

function validation() {

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

var regu = /^-[1-9]\d$/; // 定义正则表达式，校验非零负整数

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

if (!regu.test(val)) { // 如果不符合正则表达式的定义

document.getElementById("labResult").style.color = "red"; // 将结果标签的颜色设为红色，表示验证失败

document.getElementById("labResult")nerHTML = "验证失败！"; // 显示验证失败的信息

} else { // 如果符合正则表达式的定义

document.getElementById("labResult").style.color = "green"; // 将结果标签的颜色设为绿色，表示验证成功

document.getElementById("labResult")nerHTML = "验证成功！"; // 显示验证成功的信息

}

}

}

验证结果：

```

以上代码中，我们定义了一个名为`validation`的JavaScript函数，该函数通过正则表达式`/^-[1-9]\d$/`来校验用户输入的字符串是否为一个非零的负整数。如果输入符合要求，页面将显示绿色的验证成功信息；如果不符合要求，页面将显示红色的验证失败信息。希望这个实例能够帮助大家更好地理解JavaScript正则表达式的应用。