当前位置: 首页 > news >正文

uni-app进行表单效验

Uni-app内置了一些表单验证方法,可以帮助我们对表单进行有效的验证。以下是一些常用的验证方法:

  1. 非空验证:
if(!this.formData.name){uni.showToast({title: '请输入姓名',icon: 'none'});return false;
}

  1. 手机号码验证:
const phoneReg = /^1[3|4|5|6|7|8|9][0-9]{9}$/;
if(!phoneReg.test(this.formData.phone)){uni.showToast({title: '请输入正确的手机号码',icon: 'none'});return false;
}

  1. 邮箱验证:
const emailReg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
if(!emailReg.test(this.formData.email)){uni.showToast({title: '请输入正确的邮箱地址',icon: 'none'});return false;
}

  1. 身份证号码验证:
const idCardReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
if(!idCardReg.test(this.formData.idCard)){uni.showToast({title: '请输入正确的身份证号码',icon: 'none'});return false;
}

可根据自己的需求进行组合验证,最后根据验证结果来判断表单是否可以提交。

http://www.lryc.cn/news/172990.html

相关文章:

  • IO流内容总结
  • MySQL的进阶篇1-MySQL的存储引擎简介
  • 九芯电子丨语音智能风扇,助您畅享智慧生活
  • 2101. 引爆最多的炸弹;752. 打开转盘锁;1234. 替换子串得到平衡字符串
  • ​校园学习《乡村振兴战略下传统村落文化旅游设计》许少辉八一新著
  • UOS服务器操作系统搭建离线yum仓库
  • C# 实现数独游戏
  • vscode + conda+ ffmpeg + numpy 的安装方式
  • Python Union联合类型注解
  • 提高接口自动化测试效率:使用 JMESPath 实现断言和数据提取!
  • 【Linux操作系统教程】用户管理与权限管理你真的懂了吗(三)
  • 华为全联接大会2023 | 尚宇亮:携手启动O3社区发布
  • MySQL数据库查缺补漏——基础篇
  • ESP8266 WiFi物联网智能插座—电能计量
  • “智慧”北京,人工智能引领“新风尚”
  • 狮子鱼社区团购小程序v18.1独立全开源版+小程序前端
  • 深拷贝和浅拷贝的区别
  • 利用优化算法提高爬虫任务调度效率
  • Swiper的使用流程
  • 如何快速实现一个可视化看板?
  • 基于PyTorch搭建FasterRCNN实现目标检测
  • 线性表应用(非递减合并、分解链表、删除线性表)
  • 【C++面向对象侯捷下】1.导读
  • Ubuntu22.04 vnc远程黑屏
  • 【1区TOP】Elsevier旗下CCF推荐,仅3个月左右录用!
  • CentOS下安装Python3
  • 微信小程序底部安全区域高度获取
  • 虚拟机部署linux网络连接配置
  • 2591. 将钱分给最多的儿童(Java)
  • c++23中的新功能之十五类tuple类型的完全支持