js手机号码简单正则校验

在网页开发中，我们常常需要对用户输入进行校验，以保证数据的合法性和正确性。手机号码是我们常常需要验证的一个输入项，本文将介绍如何使用Javascript实现手机号码的简单正则校验。

1. 正则表达式

正则表达式是一种用来匹配字符串的模式，它由一些特定的字符和元字符组成。在进行手机号码校验时，我们需要用到以下正则表达式：

/^1[3456789]\d{9}$/

其中，^表示字符串必须以该模式开始，$表示字符串必须以该模式结束，[]表示其中的字符必须是其中任意一个，\d表示任意数字，{9}表示该位置前面的字符必须出现9次。

该正则表达式表示手机号码必须以1开头，第二位必须是3456789中的任意一个数字，后面必须跟着9个数字。

2. Javascript代码

将上述正则表达式用Javascript代码实现，可以如下实现：

function isMobileNo(mobile) {
    var pattern = /^1[3456789]\d{9}$/;
    return pattern.test(mobile);
}

其中，test方法用来检验字符串是否与正则表达式匹配。函数返回true表示匹配，返回false表示不匹配。

3. 示例

以下是一个使用上述代码进行手机号码校验的示例：

<input type="text" id="mobile" />
<button onclick="validateMobile()">验证手机号码</button>

<script type="text/javascript">
function isMobileNo(mobile) {
    var pattern = /^1[3456789]\d{9}$/;
    return pattern.test(mobile);
}

function validateMobile() {
    var mobileInput = document.getElementById("mobile");
    var mobile = mobileInput.value.trim();

    if (isMobileNo(mobile)) {
        alert("手机号码合法");
    } else {
        alert("手机号码不合法");
    }
}
</script>

在该示例中，点击验证手机号码按钮将会调用validateMobile函数来验证手机号码的合法性。isMobileNo函数用来进行正则表达式匹配，根据匹配结果来弹出相应的提示信息。

4. 总结

在网页开发中，使用正则表达式来进行输入项校验是一种比较常用的实现方式。Javascript RegExp对象提供了丰富的正则表达式处理方法，可以使用它们来方便快捷地实现我们所需的校验功能。在实际开发中应该慎重选择正则表达式，合理运用，才能达到更好的效果。