js-校验手机号

已于 2025-02-08 09:50:55 修改
阅读量351 收藏
点赞数 3
文章标签： javascript 正则表达式
于 2024-05-28 11:10:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/indomitably/article/details/139261197
版权

validatevisitPhone(rule, value, callback) {

      // 必填

      const isEmp = value === "" || value === null || value === undefined;

      if (isEmp) {

        callback(new Error("请输入手机号"));

      } else {

        if (!/^((13|14|15|16|17|18|19)[0-9]{1}\d{8})$/.test(value)) {

          callback(new Error("请输入正确的手机号"));

        } else {

          callback();

        }

      }

}

validatevisitPhone(rule, value, callback) {

      // 选填

      if (![null, undefined, ""].includes(value) && !/^((13|14|15|16|17|18|19)[0-9]{1}\d{8})$/.test(value)) {

        callback(new Error("请输入正确的手机号"));

      } else {

        callback();

      }

},

勤径涯舟
关注
JavaScript手机号码验证方法
DevPulse的博客
10-06 1157
请注意，上述代码只是一个简单的示例，仅验证了手机号码的格式。在实际应用中，还可以添加其他验证逻辑，例如检查手机号码是否已经被注册等。在上面的例子中，我们使用了一个有效的手机号码"13812345678"进行测试。在JavaScript中，我们可以使用正则表达式来验证手机号码。你可以根据需要进行修改，例如弹出警告框或在页面上显示相应的消息。方法来检查给定的手机号码是否符合定义的正则表达式。函数，它接受一个手机号码作为参数。首先，我们使用正则表达式。在上面的代码中，我们定义了一个。在验证函数中，我们使用。
手机号码格式校验 JS正则表达式
04-25
手机号码格式校验 JS正则表达式
JS验证手机号（详解）
rr20060119的博客
03-14 6618
通过使用JavaScript（JS）进行手机号验证，我们可以确保用户输入的数据符合手机号的格式要求，从而提高数据的准确性和可靠性。使用JS进行手机号验证是一个简单而有效的方法，可以帮助我们确保用户输入的数据符合手机号的格式要求。在进行手机号验证之前，我们需要了解手机号的格式。格式验证与有效性验证的区别：请注意，虽然使用正则表达式可以进行手机号格式验证，但这并不能保证手机号的有效性。国际化考虑：如果你的应用需要支持不同国家的手机号验证，那么你需要了解不同国家手机号的格式，并相应地调整正则表达式。
JavaScript 中的 校验机制（如 手机号码、电话号码校验）
最新发布
outstanding木槿
12-25 4643
1(3|4|5|7|8)\d{9}$ 或者 ^1[34578]\d{9}$ 或 ^1[34578][0-9]{9}$ 或 ^1[3,4,5,7,8][0-9]{9}$第一位是【1】开头，第二位则是【3,4,5,7,8】，第三位则是【0-9】，第三位之后则是数字【0-9】。4. [3457]匹配3或者4或者5或者7，而(3457)把3457这四个数当成整体匹配，若要跟前面一样可以加或(3|4|5|7)。5. [34|57]匹配3或者4或者|或者5或者7，而(34|57)匹配34或者57。
js身份证校验方法，手机号码校验，护照校验，驾驶证校验，js格式校验方法集合
前端江湖
05-28 1868
数据格式正确与否是表单填写不可避免的一个流程，现整理一些较为常用的信息格式校验方法。
正则表达式验证URL
Jerry_xiaobin
07-31 1766
符合以下要求    1：IP地址192.168.3.20    2：www.baidu.com 、baidu.com    3：端口 127.0.0.1:8080    4：网址后可带中文，baidu.com/你好、baidu.com/你好/我不好    5：网址后可带中文符号(baidu.com！)，但不能带英文符号(baidu.com!) varReg= /
全球国家(区号)手机号正则校验
08-05
js全球手机号带区号校验 例如：{ id: 37, en: "China", zh: "中国", code: 86, locale: "CN", preg: /^(\+?0?86\-?)?1[345789]\d{9}$/ }
【Vue项目实战】常见的el-form表单校验整理==＞异步调接口校验手机号唯一性_vue3
2401_84434086的博客
05-09 735
由于项目设置手机号登录，因此需要判断新建账号的手机号唯一。后端可以在添加时报错提示，但是用户友好的方式就是在注册时直接显示’手机号已经被注册‘。（jsx可以进行更多的js逻辑和操作）5）vue：组件之间的通信（props，callback，emit）如果需要修改，直接修改pattern中的正则表达式就可以了。密码一般需要符合一定的要求，并且需要校验两次输入密码相同。4）vue：view——medol之间双向绑定。3）props，单一数据流。2）状态管理（react）3）对象属性（vue）
JavaScript正则表达式应用-手机号码校验
m0_62129231的博客
12-18 1846
正则表达式表单（用户名、密码、确认密码、手机号、邮箱）的验证
【Vue项目实战】常见的el-form表单校验整理==＞异步调接口校验手机号唯一性
Sabrina_cc的博客
07-18 4144
本文主要总结elementUI 中el-form的表单校验，手机号，邮箱，密码，并且提供了异步校验手机号唯一性的方法。
js手机号码验证
07-16
js手机号码验证，判断输入的是否为数字，是否为11位，判断手机号是否存在，比如12311111111虽然是11位数字，但是是错误号码。鼠标离开文本框即刻判断。
JS手机号码校验
Hanx_的博客
03-14 1204
【代码】JS手机号码校验。
js验证手机号
qq_34631220的博客
08-27 1272
var reg =/^0?1[3|4|5|6|7|8][0-9]\d{8}$/; if(reg.test(date[5].value)){ return true; } else{ layer.msg('请输入正确的手机号'); return false; }
js验证固定电话、手机号码（代码大全）
草巾冒小子的博客
10-10 1万+
js验证固定电话、手机号码：代码大全 1. 固定电话 // 正则表达式 if(!(/^1[3456789]\d{9}$/.test(this.form.contactTelphone)) || !(/^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/).test(this.form.contactTelphone)){ this.$notify.error({ t...
js-手机号码验证
热门推荐
Robert_c
08-04 1万+
之前做表单时遇到需要进行手机号码的验证的情况。粗心的我在<a-input>里面写了type="number"，最后测试的时候发现不对劲，我查了下资料并将其更改过来，过程如下 首先我使用的ant-design-vue的a-input结合v-decorator， <template> ... <a-form-item> <a-input allowClear placehold
js手机号、邮箱正则校验
weixin_42395251的博客
09-28 1936
wu
JavaScript 手机号码验证是否正确 - JavaScript 技巧
CgbAutoit的博客
09-24 1393
你可以根据需要，将上述代码嵌入到你的 JavaScript 项目中，并根据具体的验证规则进行修改。例如，如果你的项目中要求手机号码以其他前缀开头，你可以修改正则表达式的开头部分。在开发 Web 应用程序时，经常需要对用户输入的手机号码进行验证。匹配以 1 开头，后跟 3456789 中的任意一个数字，然后再跟随任意 9 个数字的字符串。根据上述规则，这是一个合法的手机号码，因此验证结果将输出 “手机号码格式正确”。函数，它接受一个手机号码作为参数，并使用正则表达式进行验证。在上面的代码中，我们定义了一个。
js验证手机号码
白浪滔天
09-24 774
function chMobilePhone(src) {      if(/^13\d{9}$/g.test(src)||(/^15[8,9]\d{8}$/g.test(src))){          return true;     }else{         return false;    } }
el-input校验手机号
04-04
可以使用 el-form 和 el-form-item 以及 el-input 组件来校验手机号。 1. 首先，需要在 el-form-item 中添加 prop 属性，指定校验规则的属性名，例如"phone"。 2. 在 el-input 中添加 v-model 属性，绑定一个数据对象，例如"formData.phone"。 3. 在 el-form-item 中添加 rules 属性，指定校验规则，例如： ```html <el-form-item label="手机号" prop="phone" :rules="[ { required: true, message: '请输入手机号', trigger: 'blur' }, { pattern: /^1[3456789]\d{9}$/, message: '手机号格式不正确', trigger: 'blur' }, ]"> <el-input v-model="formData.phone"></el-input> </el-form-item> ``` 其中，required 表示必填项，pattern 表示正则表达式校验。 4. 在表单提交时，可以通过 el-form 的 validate 方法来触发校验： ```js this.$refs.form.validate((valid) => { if (valid) { // 校验通过，可以提交表单数据 } else { // 校验不通过，提示错误信息 } }) ``` 完整示例代码： ```html <template> <el-form ref="form" :model="formData" label-width="80px"> <el-form-item label="手机号" prop="phone" :rules="[ { required: true, message: '请输入手机号', trigger: 'blur' }, { pattern: /^1[3456789]\d{9}$/, message: '手机号格式不正确', trigger: 'blur' }, ]"> <el-input v-model="formData.phone"></el-input> </el-form-item> <el-form-item> <el-button type="primary" @click="submit">提交</el-button> </el-form-item> </el-form> </template> <script> export default { data() { return { formData: { phone: '' } } }, methods: { submit() { this.$refs.form.validate((valid) => { if (valid) { // 校验通过，可以提交表单数据 } else { // 校验不通过，提示错误信息 } }) } } } </script> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值