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


    确认提示框

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

    1. <template>
    2. <view class="container">
    3. <button @click="showAuthModal">显示确认提示框</button>
    4. </view>
    5. </template>
    6. <script>
    7. export default {
    8. methods: {
    9. showAuthModal() {
    10. uni.showModal({
    11. title: '授权提示',
    12. content: '我们需要获取您的位置信息,请点击确定进行授权。',
    13. success: (res) => {
    14. if (res.confirm) {
    15. // 用户点击了确定按钮
    16. this.getLocation();
    17. } else if (res.cancel) {
    18. // 用户点击了取消按钮
    19. console.log('用户取消了授权');
    20. }
    21. }
    22. });
    23. },
    24. getLocation() {
    25. // 在这里处理获取位置信息的逻辑
    26. // ...
    27. }
    28. }
    29. };
    30. </script>

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

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

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

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

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

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

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

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

  • 相关阅读:
    云小课|MRS基础原理之MapReduce介绍
    浅谈 CRTP:奇异递归模板模式
    C++入门 —— 命名空间
    卡尔曼滤波器的通俗理解
    Pyqt组合控件与QSpacerItem指南
    LLM Serving有效吞吐量的最大化实现
    机器学习笔记之受限玻尔兹曼机(四)推断任务——边缘概率
    C语言——运算符
    Python爬虫:selenium动态加载HTML的常用方法【汇总笔记】
    赋值 响应式问题
  • 原文地址:https://blog.csdn.net/m0_73481765/article/details/133185782