使用this.$prompt弹窗判断手机号码数量验证

最新推荐文章于 2024-03-04 17:14:44 发布
最新推荐文章于 2024-03-04 17:14:44 发布
阅读量1.9k 收藏 3
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Zan_Z/article/details/109332177
版权

在这里插入图片描述
因为手机号码再更新，所以最好的验证办法就是为11位时，不提示格式错误，并且没有使用input框写，所以刚开始有点不知所措。

this.$prompt('请输入手机号码或座机号', '客服电话', {
   
	confirmButtonText: '确定',
    cancelButtonText:
最低0.47元/天 解锁文章
Zan^Z
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Element UI学习8--this.$prompt,this.$message,this.$confirm,this.$notify
hanrabbit的博客
01-26 8752
1、this.$prompt 输入框弹窗 if (object == undefined) { this.$prompt('请输入', '添加优惠券分类', { confirmButtonText: '确定', cancelButtonText: '取消' }).then(async ({ value }) => { }) 如图： 2、this.$message 消息提示 if (re
vue input框只能输入数字
weixin_46156770的博客
03-03 527
<el-input v-model="scope.row.extraScore" placeholder="请输入额外加分且只能为数字" @input="scope.row.extraScore = scope.row.extraScore.replace(/[^\d]/g,'')" size='mini' :disabled='isDetail'></el-i
Vue,ElementUI校验正数，正整数
sonichenn的博客
05-03 1790
Vue,ElementUI校验正数，正整数
3.4 element ui的弹框prompt的inputValidator自定义校验的使用
最新发布
weixin_45785694的博客
03-04 807
inputValidator规定校验函数，可以返回Boolean或String，返回false或字符串时均表示校验未通过，同时返回的字符串相当于定义了inputErrorMessage字段。
输入框弹框 $prompt的inputValidator用法
李嘉帅的博客
08-19 619
【代码】输入框弹框 $prompt的inputValidator用法。
JS: prompt() 输入框 confim（）确认框 alert() 提示框
weixin_59519449的博客
08-24 906
三种系统弹窗 * 弹出提示框 alert() * 输入弹出框 prompt() * 可以给两个值，中间用逗号隔开 ，第一个值表示给用户的提示内容，第二个值表示输入框中的默认值 * 可以使用一个变量来接收弹出框，点击取消得到的结果是 null 点击确定得到输入的内容 * 确认弹出框 confirm() * 可以输入一个值，用于给用户的提示 * 点击确定 得...
jquery仿alert提示框、confirm确认对话框、prompt带输入的提示框插件[附实例演示]...
dayang0408的博客
03-15 503
jquery仿alert提示框、confirm确认对话框、prompt带输入的提示框插件实例演示 第一步：引入所需要的jquery插件文件： http://www.angelweb.cn/Inc/eg/jquery.alerts.js 第二步：引入所需的样式： #popup_container {font-family: Arial, sans-serif;font-...
EasyUI prompt 输入框换为选择框（checkbox）
Xuanmo_top1的博客
11-08 2443
easyui-prompt 输入框换为选择框（checkbox）/其他有唯一值 $.messager.prompt(&quot;操作提示&quot;, &quot;确定要删除该数据吗？&quot;, function (data) { if (data) { $.post('&amp;lt;%=dxj%&amp;gt;/CRKDELE', {ID:row.ID}, ...
关于Vue饿了么element方法$prompt弹窗输入内容无法隐藏问题
m0_54408592的博客
12-08 1838
由于使用Vue框架比较多，所以element-ui 的使用频率也就高了，在这记录一些，个人在使用element 时的小技巧或者说是一些小知识点，如有错误的地方，还望指出，谢谢 在页面中我们经常会用到弹窗，element也给我们提供了一些弹窗，像$prompt弹框使用的时候就很方便，但是它默认的是明文显示，如果是密码校验难免有点不太合适，就是下面这样 $prompt弹窗关于内容无法隐藏的问题，官网并没有给准确的解决方案，我也是经过多方查看资料找到下面这种解决方案 效果就会变成这样了 .
自定义弹出输入框（输入长度限制）.zip
07-11
一个自定义弹出输入框（输入长度限制），GitHub 地址：https://github.com/marsdan/ZPPOPTextField.git
jQuery Dialog 打开时自动聚焦的解决方法(两种方法)
11-29
下面给大家介绍两种方法解决jQuery Dialog 打开时自动聚焦问题。具体实现方法大家可以参考下本文。 方法一： p1_dialog_seniorSearch.dialog({ title:"高级查询", autoOpen:false,//默认关闭 modal: true,//开启...
关于vue.js弹窗组件的知识点总结
10-21
最近在开发过程对对于组件化的开发有一些感想，于是...弹窗组件一直是 web 开发中必备的，使用频率相当高，最常见的莫过于 alert，confirm和prompt这些,不同的组件库对于弹窗的处理也是不一样的，下面来一起看看吧。
element中的$confirm的使用
11-21
可以诸如此类的封装一下 /* * 公用提示窗 * @export * @param {string}[desc="确认操作"]弹框提示文字 * @param {string}[title="提示"]弹框标题 * @param{string}[confirmButtonName ='确认']确认按钮文字 ...
在layer弹层layer.prompt中,修改placeholder的实现方法
01-19
layer.prompt({title: '修改密码',placeholder:'请输入新密码'},function(val, index){ //成功后执行 }); 该修改的地方 layer.js 效果图 以上这篇在layer弹层layer.prompt中,修改placeholder的实现方法...
小程序image图片自适应，不压缩，不变形，原图填充
Zan_Z的博客
09-23 8777
宽设100%，使用mode属性下的widthfix。小程序使用 rpx也可以自适应。做背景图，给div设置固定高度。不保持纵横比缩放图片。完整的将图片显示出来。
使用flex布局调换两个div的位置
Zan_Z的博客
03-30 5957
直接上代码（flex布局太方便了，喜欢） <view class="leftheader"> <view style="display:flex; justify-content:space-between; flex-flow:row-reverse!important;"> <open-data class="userimg" type...
高德地图JS API 2.0绘制编辑多个矢量图形（圆形和多边形）
Zan_Z的博客
04-26 3961
20220425_173215 功能：1.可选择绘制类型（圆形或多边形），2.可选择不同区域并随当前区域自适应地图缩放。 3.编辑图形时可根据大小自适应地图缩放。 默认初始矢量图：1.圆形：根据中心点位置，半径1公里圆。2、多边形矢量图默认生成正方形。根据中心点位置，计算生成四个方位的位置。 ...
小程序商品分类页面滑动左右联动
Zan_Z的博客
02-07 2762
商品分类，滑动时可以左右联动
this.$prompt 禁止点击遮罩时关闭弹窗
06-02
如果您想禁止这种行为，可以给 `this.$prompt` 传入一个 `closeOnClickModal` 的选项，并将其设置为 `false`。 例如： ``` this.$prompt('请输入名称', '提示', { confirmButtonText: '确定', cancelButtonText:...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值