html手机号正则

以下是一个简单的 HTML 表单中手机号验证的正则表达式：

<input type="text" name="phone" pattern="[1][3456789]\d{9}" required>

这个正则表达式要求必须以数字 1 开头，第二位是 3、4、5、6、7、8、9 中的一个，后面跟着 9 位数字。使用 pattern 属性将正则表达式应用到输入框中，同时使用 required 属性要求输入框不能为空。

相关问题

vue手机号正则校验

Vue手机号正则校验可以使用以下正则表达式：

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

在Vue中，可以在模板中使用`v-model`绑定手机号输入框的值，并在方法中使用正则表达式进行校验。例如：

<template>
  <div>
    <input type="text" v-model="phone" placeholder="请输入手机号">
    <button @click="checkPhone">校验</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      phone: "",
    };
  },
  methods: {
    checkPhone() {
      const regex = /^1[3456789]\d{9}$/;
      if (regex.test(this.phone)) {
        console.log("手机号格式正确");
      } else {
        console.log("手机号格式错误");
      }
    },
  },
};
</script>

在上述的例子中，使用了`v-model`指令将输入框的值与`phone`数据属性进行双向绑定。点击按钮时，调用`checkPhone`方法进行手机号的正则校验，并输出校验结果。

手机号码正则表达式校验

手机号码的正则表达式校验可以使用以下表达式：/^(13\[0-9\]|14\[01456879\]|15\[0-35-9\]|16\[2567\]|17\[0-8\]|18\[0-9\]|19\[0-35-9\])\d{8}$/。\[2\]这个正则表达式适用于中国大陆的手机号码，可以用来校验手机号码的合法性。\[1\]你可以直接复制粘贴这个表达式进行实践测试，也可以使用提供的HTML代码进行测试。\[3\]在测试中，如果输入的手机号码符合正则表达式的规则，会弹出"合法手机号"的提示，否则会弹出"非法手机号"的提示。
#### 引用[.reference_title]
- *1* [正则校验手机号](https://blog.csdn.net/weixin_35748962/article/details/129075285)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [手机号验证最新正则表达式](https://blog.csdn.net/itbrand/article/details/109239620)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [用正则表达式来验证手机号码](https://blog.csdn.net/weixin_45249263/article/details/123773585)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]