uniapp确认提示框;uniapp判断输入框值是否符合正常手机号,身份证号

简介: uniapp确认提示框;uniapp判断输入框值是否符合正常手机号,身份证号
确认提示框

UniApp 中,你可以使用 uni.showModal 方法来创建确认提示框。以下是一个示例:

<template>
  <view class="container">
    <button @click="showAuthModal">显示确认提示框</button>
  </view>
</template>
<script>
export default {
  methods: {
    showAuthModal() {
      uni.showModal({
        title: '授权提示',
        content: '我们需要获取您的位置信息,请点击确定进行授权。',
        success: (res) => {
          if (res.confirm) {
            // 用户点击了确定按钮
            this.getLocation();
          } else if (res.cancel) {
            // 用户点击了取消按钮
            console.log('用户取消了授权');
          }
        }
      });
    },
    getLocation() {
      // 在这里处理获取位置信息的逻辑
      // ...
    }
  }
};
</script>

在这个示例中,我们在页面上放置了一个按钮,当用户点击按钮时会触发 showAuthModal 方法。在该方法中,我们调用了 uni.showModal 方法来显示确认提示框。确认提示框中包含标题(title)、内容(content)以及确定和取消按钮。

根据用户的选择,success 回调函数将返回一个 res 对象,其中的 confirm 属性表示用户是否点击了确定按钮,cancel 属性表示用户是否点击了取消按钮。根据用户的选择,你可以执行相应的操作。

在示例中,当用户点击了确定按钮时,我们调用了 getLocation 方法来处理获取位置信息的逻辑。你可以根据实际需求,在相应的回调函数中执行你的业务逻辑。

这样,你就可以在 UniApp 中使用 uni.showModal 方法创建授权提示框了。根据具体的确认需求,你可以自定义提示框的内容和按钮的文本,并根据用户的选择来执行相应的操作

判断输入框值是否符合正常手机号,身份证号

在uni-app中,你可以使用正则表达式来判断输入框的值是否符合正常的手机号和身份证号格式。以下是示例代码:

  1. 判断手机号格式是否正确:
// 正则表达式
const phoneReg = /^[1][3-9]\d{9}$/;
// 获取输入框的值
const inputValue = '输入框的值';
// 使用正则表达式进行匹配
const isPhoneValid = phoneReg.test(inputValue);
if (isPhoneValid) {
  console.log('手机号格式正确');
} else {
  console.log('手机号格式不正确');
}
  1. 判断身份证号格式是否正确:
// 正则表达式
const idCardReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
// 获取输入框的值
const inputValue = '输入框的值';
// 使用正则表达式进行匹配
const isIdCardValid = idCardReg.test(inputValue);
if (isIdCardValid) {
  console.log('身份证号格式正确');
} else {
  console.log('身份证号格式不正确');
}

你可以根据自己的需求将以上代码放入相应的事件处理函数中,以便在用户输入时进行验证。

相关文章
|
机器学习/深度学习 算法 数据可视化
UniApp手机滑块验证组件代码生成器
UniApp手机滑块验证组件代码生成器
721 1
|
Java 数据库连接 测试技术
自定义校验注解,优雅的实现手机号,身份证号的格式校验!
本文介绍了如何创建自定义校验注解来实现手机号和身份证号的格式校验,包括定义注解、实现校验逻辑、将注解应用于模型类,以及常用的校验器库和框架,旨在提高代码的可维护性和减少重复的校验逻辑。
|
JavaScript 前端开发
在url中取ip或者键值对、手机号脱敏、电话号脱敏、身份证脱敏、银行卡号脱敏、身份证校验
本文提供了JavaScript代码示例,用于从URL中提取IP地址、键值对,以及对手机号、电话号码、身份证号和银行卡号进行脱敏处理,还包含了身份证号的校验方法。
281 0
|
开发框架 移动开发 前端开发
基于HBuilderX+UniApp+ThorUI的手机端前端开发处理
基于HBuilderX+UniApp+ThorUI的手机端前端开发处理
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的多功能智能手机阅读APP的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的多功能智能手机阅读APP的详细设计和实现(源码+lw+部署文档+讲解等)
220 7
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的多功能智能手机阅读APP附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的多功能智能手机阅读APP附带文章源码部署视频讲解等
259 1
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的多功能智能手机阅读APP的详细设计和实现
基于SpringBoot+Vue+uniapp的多功能智能手机阅读APP的详细设计和实现
244 12
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的二手手机交易平台附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的二手手机交易平台附带文章和源代码部署视频讲解等
297 7
|
存储 小程序 JavaScript

热门文章

最新文章