vue项目表单使用正则过滤ip、手机号

已于 2024-02-24 14:54:53 修改
阅读量797 收藏 8
点赞数 7
文章标签： vue.js tcp/ip 前端
于 2023-12-27 18:31:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44870969/article/details/135252904
版权

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

	  import useFormValidate from '@/hooks/useFormValidate'
		
      setup(props, { emit }) {
      	const { validateName, validateIPAndPort } = useFormValidate()
      	
	    const state = reactive({
	      workFaceInfo: props.info?.id ? props.info : {},
	      sysTypeData: props.sysType,
	      formRules: {
	        name: [
	          {
	            required: true,
	            message: '工作面名称不能为空',
	            trigger: ['blur', 'change']
	          },
	          {
	            validator: validateName,
	            trigger: ['blur', 'change']
	          }
	        ],
	       
	        address: [
	          {
	            required: true,
	            message: '工作面IP端口不能为空',
	            trigger: ['blur', 'change']
	          },
	          {
	            validator: validateIPAndPort,
	            trigger: ['blur', 'change']
	          }
	        ],
	         username: [
	         {
	            required: true,
	            trigger: ['blur', 'change'],
	            message: '请输入您的账号'
	          },
	          { validator: validateMobilePhone, trigger: ['blur', 'change'] }
	        ],
	      },
      }

useFormValidate .js

/**
 * 表单验证hooks
 * @returns
 */
export default function () {
	// 1-300之间的整数
	const validSupportNum = (rule, value, callback) => {
	// /^(1[0-9]{0,2}|2[0-9]{0,2}|300)$/
      if (!/^\b[1-9]\d{0,1}\b|\b[1-2]\d\d\b|\b300\b/.test(value)) {
        return callback(new Error('编号为1-300之间的整数！'))
      }
      return callback()
    }
  // 匹配名称类字段
  const validateName = (rule, value, callback) => {
    // if (!/^[\u4E00-\u9FA5a-zA-Z0-9_]{1,20}$/.test(value)) {
    //   return callback(new Error('请输入中文、英文字母、数字或下划线组合，长度不超过20'))
    // }
    if (!/^.{1,20}$/.test(value)) {
      return callback(new Error('长度不超过20'))
    }
    return callback()
  }

  // 匹配value类字符串
  const validateValue = (rule, value, callback) => {
    if (!/^[\u4E00-\u9FA5a-zA-Z0-9_]{0,12}$/.test(value)) {
      return callback(new Error('请输入中文、英文字母、数字或下划线组合，长度不超过12'))
    }
    return callback()
  }

  // 匹配编码/标识符类字段
  const validateCode = (rule, value, callback) => {
    if (!/^[a-zA-Z_][a-zA-Z0-9_]{1,31}$/.test(value)) {
      return callback(new Error('第一个字符不能是数字，支持英文、数字、下划线的组合，长度不超过32'))
    }
    return callback()
  }
  const validateProp = (rule, value, callback) => {
    if (!/^[a-zA-Z_][a-zA-Z0-9_]{0,31}$/.test(value)) {
      return callback(new Error('第一个字符不能是数字，支持英文、数字、下划线的组合，长度不超过32'))
    }
    return callback()
  }
  // 匹配入网VIN
  const validateVin = (rule, value, callback) => {
    if (!value) {
      return callback()
    }
    if (!/^[a-zA-Z0-9_:-]{1,50}$/.test(value)) {
      return callback(new Error('请输入英文字母、数字、下划线、冒号、短横线组合，长度不超过50'))
    }
    return callback()
  }
  //匹配故障码
  const validateFaultCode = (rule, value, callback) => {
    if (!value) {
      return callback()
    }
    if (!/^[a-zA-Z0-9_]{1,10}$/.test(value)) {
      return callback(new Error('请输入英文字母、数字或下划线组合，长度不超过10'))
    }
    return callback()
  }

  // 匹配路径类字段
  const validatePath = (rule, value, callback) => {
    if (!/^[a-zA-Z0-9_/%&',;=?\x22-]{1,200}$/.test(value)) {
      return callback(new Error('请输入合法的路径地址，长度不超过200'))
    }
    return callback()
  }

  // 匹配描述类字段
  const validateText = (rule, value, callback) => {
    if (value?.length > 200) {
      return callback(new Error('长度不超过200'))
    }
    return callback()
  }

  // 匹配邮箱地址
  const validateEmail = (rule, value, callback) => {
    if (!value) {
      return callback()
    }
    if (!/^.{0,32}$/.test(value)) {
      return callback(new Error('长度不超过32'))
    }
    if (!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value)) {
      return callback(new Error('请输入合法的邮箱地址'))
    }
    return callback()
  }

  // 匹配手机号
  const validateMobilePhone = (rule, value, callback) => {
    if (!/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/.test(value)) {
      return callback(new Error('请输入合法的11位手机号码'))
    }
    return callback()
  }
  //匹配数字
  const validateNumber = (rule, value, callback) => {
    if (!/^([0-9]){0,20}$/.test(value)) {
      return callback(new Error('请输入数字，长度不超过20'))
    }
    return callback()
  }

  //匹配数字
  const validateIsNumber = (rule, value, callback) => {
    if (!value) {
      return callback()
    }
    if (!/^([+-]?[0-9]){0,999}$/.test(value)) {
      return callback(new Error('请输入数字'))
    }
    return callback()
  }

  //匹配数字长度不超10
  const validateIsNumber10 = (rule, value, callback) => {
    if (!value) {
      return callback()
    }
    if (!/^([+-]?[0-9]){0,10}$/.test(value)) {
      return callback(new Error('请输入数字,长度不超过10'))
    }
    return callback()
  }
  //匹配正整数，小数
  const validateNumberFloat = (rule, value, callback) => {
    if (!/^\d+(\.\d+)?$/.test(value)) {
      return callback(new Error('请输入数字'))
    }
    return callback()
  }

  const validateInteger = (rule, value, callback) => {
    if (!/^([0-9]*){0,5}$/.test(value)) {
      return callback(new Error(`请输入1~10000之间的整数`))
    }
    return callback()
  }

  //匹配ip地址的校验
  const validateIP = (rule, value, callback) => {
    if (!/^(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])$/.test(value)) {
      return callback(new Error(`请输入合法的IP地址`))
    }
    return callback()
  }

  //匹配端口
  const validatePort = (rule, value, callback) => {
    if (!/^((6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])|[0-5]?\d{0,4})$/g.test(value)) {
      return callback(new Error(`请输入合法的端口号`))
    }
    return callback()
  }

  //匹配ip/ip+端口
  const validateIPAndPort = (rule, value, callback) => {
    const ipRegex = /^(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])$/
    const ipAndPortRegex = /^((\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.){3}(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5]):((6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])|[0-5]?\d{0,4})$/

    if (!ipRegex.test(value) && !ipAndPortRegex.test(value)) {
      return callback(new Error(`请输入合法的IP地址或IP地址和端口号`))
    }
    return callback()
  }

  //匹配50个字符长度
  const validateLength50 = (rule, value, callback) => {
    if (!/^.{0,50}$/.test(value)) {
      return callback(new Error('长度不超过50'))
    }
    return callback()
  }

  //匹配以http,https开头的地址
  const validateUrlAdress = (rule, value, callback) => {
    if (value) {
      if (!/(http|https):\/\/([\w.]+\/?)\S*/.test(value)) {
        return callback(new Error('地址需以http://,https://开头'))
      }
      if (!/^.{0,500}$/.test(value)) {
        return callback(new Error('长度不超过500'))
      }
    }
    return callback()
  }

  return {
    validateName,
    validateValue,
    validateCode,
    validateProp,
    validatePath,
    validateText,
    validateEmail,
    validateMobilePhone,
    validateInteger,
    validateIP,
    validatePort,
    validateIPAndPort,
    validateVin,
    validateNumber,
    validateIsNumber,
    validateIsNumber10,
    validateFaultCode,
    validateLength50,
    validateUrlAdress,
    validateNumberFloat
  }
}

手机号验证

<el-form ref="loginFormRef" :model="loginForm" :rules="loginRules" class="login-form">
      <div class="form-bg">
        <img src="../../assets/images/login/formbg.png" />
      </div>
      <h3 class="login-title"></h3>
      <div class="form-box">
        <el-form-item prop="username">
          <el-input class="login-input" v-model="loginForm.username" size="large" type="text" auto-complete="off" placeholder="账号" autofocus @keyup.enter="handleLogin">
            <template #prefix>
              <svg t="1669889721496" class="divicon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8250" width="32" height="32">
                <path
                  d="M774.21758248 133.2144911l-308.63958662 308.68902431c-90.718187-42.91192715-202.39796052-27.04242413-277.44439533 48.00401067-95.51364429 95.51364429-95.51364429 250.4514089 0 345.9650532s250.4514089 95.51364429 345.9650532 0c75.04643481-75.04643481 90.86650012-186.67677063 48.00401066-277.49383305l117.21679639-117.21679637 74.45318236 74.45318235c22.24696684 22.24696684 58.33649082 22.29640455 80.63289536 0l33.61763877-33.61763878c22.24696684-22.24696684 22.29640455-58.33649082 0-80.63289537l-42.07148616-42.07148617 0.0494377-0.04943771-32.43113389-32.28282077 77.22169379-77.22169378c22.24696684-22.24696684 22.29640455-58.33649082 0-80.63289537l-35.89177316-35.89177316c-22.29640455-22.29640455-58.38592852-22.29640455-80.68233307 0zM419.35374254 721.1771058c-32.18394536 32.18394536-84.34072317 32.13450766-116.47523082-0.0494377-32.18394536-32.18394536-32.18394536-84.34072317-1e-8-116.52466853s84.34072317-32.13450766 116.47523083 0.0494377 32.23338307 84.29128546 1e-8 116.52466853z"
                  p-id="8251"></path>
              </svg>
            </template>
          </el-input>
        </el-form-item>
        <el-form-item prop="password">
          <el-input
            class="login-input password-input"
            v-model="loginForm.password"
            :type="showOpenEye ? 'text' : 'password'"
            auto-complete="off"
            placeholder="密码"
            size="large"
            @keyup.enter="handleLogin">
            <template #prefix>
              <svg t="1669890083558" class="divicon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8394" width="32" height="32">
                <path
                  d="M848.09719641 814.04327668l0 24.74195525c0 51.22107559-134.22763586 95.08976724-134.22763586 95.08976725l-55.92870868-7.11099317c0 0-89.44187201-11.18616311-145.4137998-11.18616312-55.88970667 0-145.4137998 11.18616311-145.4137998 11.18616312l-55.51866184 6.94655255c0 0-134.63768272-43.89082855-134.63768272-94.92532745l0-24.74195526c0-47.60444092 62.0562214-95.6463349 134.7852574-132.4904708 3.5228194-1.78038337 47.22812513 245.71400839 47.22812511 245.7140084l19.32912516-0.50280826c0 0-37.34694415-255.53405127-33.55638162-257.27121716 20.13235373-9.2076081 33.37718445-17.83756631 53.18065695-24.98123666 7.34605828-2.67637253 42.46567795-21.74935034 22.81926736-73.11062192-45.50150116-46.38167908-76.49746161-91.32028775-76.49746161-192.65879005l337.61827003 0c0 100.28861362-31.78759324 145.64359397-76.98867491 192.08957355l0.26141831 0c-19.21422766 58.2656597 11.51399047 72.08392319 16.40714557 73.66824344 19.59686828 6.47853003 39.1062453 16.60426336 58.76846795 24.99283245 4.87207371 2.07553271-33.55743631 257.27121716-33.55743631 257.27121717l20.42750308-0.54813428c0 0 41.66139634-246.68483917 45.92208912-244.59876534C786.9359103 717.76342478 848.09719641 765.46695111 848.09719641 814.04327668L848.09719641 814.04327668zM704.97713017 272.01821487c0-116.45542393-158.58695132-174.67786533-158.58695134-174.67786532-22.4598175-10.11519223-44.75414053-7.81091922-67.72625271 0 0 0-158.59327534 51.12198935-158.59327533 174.67786532 0 18.47213801-33.52475913 14.50659458-44.61710697 72.93669489l474.15650455 0C729.42393606 286.12108743 704.97713017 290.49035287 704.97713017 272.01821487L704.97713017 272.01821487zM704.97713017 272.01821487"
                  p-id="8395"></path>
              </svg>
            </template>
            <template #suffix>
              <svg
                v-if="showOpenEye"
                t="1669890127355"
                class="divicon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="8538"
                width="32"
                height="32"
                @click="showOpenEye = !showOpenEye">
                <path
                  d="M512 212C312.00000031 212 141.2 336.39999969 72.00000031 512c69.19999969 175.60000031 240 300 439.99999969 300s370.8-124.39999969 439.99999969-300c-69.19999969-175.60000031-240-300-439.99999969-300zM512 711.99999969c-110.4 0-199.99999969-89.59999969-199.99999969-199.99999969s89.59999969-199.99999969 199.99999969-199.99999969 199.99999969 89.59999969 199.99999969 199.99999969-89.59999969 199.99999969-199.99999969 199.99999969z m0-319.99999969c-66.40000031 0-120 53.59999969-120 120s53.59999969 120 120 120 120-53.59999969 120-120-53.59999969-120-120-120z"
                  p-id="8539"></path>
              </svg>
              <svg
                v-else
                t="1669890138247"
                class="divicon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="8682"
                width="32"
                height="32"
                @click="showOpenEye = !showOpenEye">
                <path
                  d="M920.534375 317.178125a33.75 33.75 0 0 0-47.625 3.05625c-58.228125 66.215625-118.509375 116.371875-179.165625 149.0625-59.2125 31.95-120.609375 48.140625-182.45625 48.140625S388.19375 501.246875 329.1875 469.334375c-60.39375-32.690625-120.3-82.81875-178.040625-148.996875a33.75 33.75 0 0 0-50.86875 44.371875c41.85 47.9625 85.0875 88.3875 129.159375 120.834375l-54.440625 54.45a33.75 33.75 0 0 0 47.728125 47.728125l64.5-64.5c3.271875 1.875 6.5625 3.703125 9.834375 5.475a479.325 479.325 0 0 0 91.875 38.30625l-31.875 104.634375a33.75 33.75 0 1 0 64.575 19.6875l33.54375-110.109375a422.578125 422.578125 0 0 0 56.04375 3.75 424.63125 424.63125 0 0 0 56.165625-3.75l33.525 110.109375a33.75 33.75 0 1 0 64.575-19.6875l-31.875-104.634375A483.309375 483.309375 0 0 0 725.75 528.725c3.084375-1.659375 6.159375-3.375 9.24375-5.11875l64.10625 64.115625a33.75 33.75 0 0 0 47.728125-47.728125l-53.859375-53.896875C837.490625 453.575 881.215625 413 923.5625 364.8125a33.75 33.75 0 0 0-3.028125-47.634375z"
                  p-id="8683"></path>
              </svg>
            </template>
          </el-input>
        </el-form-item>
        <div class="forget-password" @click="forgetPassword">忘记密码</div>
        <el-button class="syzk-button mt-20" :class="{ 'syzk-button-active': loading }" :loading="loading" style="width: calc(100% - 4.6rem)" @click="handleLogin">
          <span v-if="!loading">登 录</span>
          <span v-else>登 录 中...</span>
        </el-button>
      </div>
    </el-form>



		<div class="forget-password" @click="forgetPassword">忘记密码</div>
        <el-button class="syzk-button mt-20" :class="{ 'syzk-button-active': loading }" :loading="loading" style="width: calc(100% - 4.6rem)" @click="handleLogin">
          <span v-if="!loading">登 录</span>
          <span v-else>登 录 中...</span>
        </el-button>
WFF的赵本山
关注
  • 7
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
完美解决通过IP地址访问VUE项目的问题
10-15
主要介绍了完美解决通过IP地址访问VUE项目的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue中，通过正则校验 手机号码格式
Missbelover的博客
02-26 885
【代码】vue中，通过正则校验 手机号码格式。
vue组件使用正则表达式验证邮箱、手机号
Tiger_Paul的博客
02-21 2246
vue组件使用正则表达式验证邮箱、手机号
在vue中使用正则表达式与表单校验
takobee5411的博客
06-10 329
【代码】在vue中使用正则表达式。
在Vue中使用JS正则表达式对身份证号和手机号进行验证
南野子
08-18 786
vue中使用js正则表达式验证表单信息
Vue移动端项目实现使用手机预览调试操作
11-20
最近在开发移动端Vue移动端项目，查了一些资料，这里分享下如何在webpack工具构建下的vue项目，在手机端调试和预览，言归正传。 1.电脑和手机连接到同一个WIFI a.台式电脑和手机同时链接一个路由器，使用同一个wifi...
Vue项目引发的「过滤器」使用教程
10-17
主要给大家介绍了关于Vue项目引发的「过滤器」使用的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者使用vue具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
vue项目配置同一局域网可使用ip访问的操作
01-18
此处的”0.0.0.0″可以改成自己的ip，重启项目就可以了 补充知识：@vue/cli创建项目报错ERROR Failed to get response from /vue-cli-version-marker的解决方案 今天他们遇到一个很有意思的bug，用@vue/cli创建项目...
Vue实现数字输入框中分割手机号码的示例
08-29
本篇文章主要介绍了Vue实现数字输入框中分割手机号码的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
WEB转Flutter基础学习笔记（内含vue和flutter对比）
小易不止于搬砖的博客
05-17 669
笔者是一名web前端，记录在转栈flutter时的学习笔记，内涵和vue的对比，能够辅助前端同学更容易理解flutter
vue3.0+antdv的admin管理系统vue-admin-beautiful推荐
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
05-15 1108
几年前，笔者自学了vue这一优秀的前端框架，但苦于没项目练手，无意间发现了这一优秀的前端集成框架。当时就使用它做了一很有意思的小项目---终端监控云平台，实现了前端和后台的整体功能。整体方案介绍参见博文《》，前端使用vue-admin-beautiful框架，后端使用go-zero微服务框架，几天内就搞出来了一个包含前端和后台的小项目。我的monitor-ui前端运行界面：后续有机会介绍下我这个终端监控云平台小项目的具体实现，挺有意思的。几年前还用到过几个地方的公交客户现场，客户挺喜欢这个功能的。
vue中的事件
weixin_43390711的博客
05-16 162
需要使用emit方法，emit(‘事件名’,参数)自定义事件名的规范（script中用小驼峰，模板中用短横线）1、组合api中2、setup语法糖中(非TS)3、setup语法糖中（使用TS）}>()
Vue.js的发展史（一）
2301_79683791的博客
05-15 755
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
基于Vue和uni-app的增强型多选框Checkbox组件开发
chenchuang0128的博客
05-16 352
该组件通过数据驱动、支持页面正反向传值等特性，提高了组件的灵活性和可重用性。未来，我们可以继续探索组件的更多可能性和应用场景，如支持条件筛选、异步加载数据等，以满足更复杂的前端需求。该组件不仅提供了基本的复选功能，还通过数据驱动、支持页面正反向传值等特性，进一步增强了组件的灵活性和可重用性。页面正反向传值：组件应该能够支持页面正反向传值，即能够将组件的状态传递给父组件，同时也能够接收父组件传递的数据。数据驱动：组件应该能够通过数据驱动，即组件的状态和行为应该由数据决定，而不是通过直接操作DOM元素来实现。
Vue3实战笔记（23）—路由Vue-Router 实战指南（关于路由命名那点事儿）
山花的博客
05-15 1040
除了 path 之外，你还可以为任何路由提供 name。在 Vue Router 中，命名路由是一种通过指定名称来标识路由的方式，而不是使用路径。这为路由的跳转提供了一种更直观和易于维护的方式。命名路由特别有用，尤其是在链接到路由时，不必硬编码 URL，也不必在路由对象中查找路径字符串。},在这个例子中，我们给路径为 /user/:username的路由命名为 user。User在这两种情况下，路由将导航到路径 /user/erina。
基于Vue3 + js-tool-big-box工具库实现3个随机数字的小游戏动画，快来挑战你的非凡手气！
xingyu_qie的专栏
05-17 836
基于Vue3 + js-tool-big-box的3个随机数字
VueScan Pro中文
最新发布
CSDN专家-微编程的博客
05-19 242
VueScan Pro中文是一款VueScan图像扫描软件,提供色彩平衡和颜色校正功能,适用于6500多台扫描仪,VueScan破解版内置驱动,可以对扫描仪软件反向工程,支持200种以上的底片类型,复杂的白色平衡算法,用于检查物体表面暇疵的红外线底片扫描,成批扫描,自动剪取图像等等,提高扫描仪的扫描速度和工作效率.
vue 使用draggable拖拽实现响应式侧边栏，拖拽数据悬停在侧边栏分区超一秒时自动切换到对应分区
weixin_45956838的博客
05-17 561
使用draggable拖拽实现响应式侧边栏，拖拽数据悬停在侧边栏分区超过一秒自动切换到对应分区
vue验证手机号正则
04-03
Vue是一种流行的JavaScript框架，用于构建用户界面。在Vue中，可以使用正则表达式来验证手机号码。以下是一个示例的手机号码验证正则表达式： ```javascript const phoneRegex = /^1[3456789]\d{9}$/; ``` 这个正则表达式可以验证以1开头的11位数字，其中第二位是3、4、5、6、7、8、9中的任意一个数字。如果你想要更加严格的验证，可以根据实际需求进行修改。 在Vue中，你可以在表单验证时使用这个正则表达式。例如，在模板中使用`v-model`指令绑定手机号码输入框的值，并在提交表单时进行验证： ```html <template> <div> <input type="text" v-model="phoneNumber"> <button @click="submitForm">提交</button> </div> </template> <script> export default { data() { return { phoneNumber: '' }; }, methods: { submitForm() { if (this.phoneNumber.match(phoneRegex)) { // 手机号码格式正确，可以进行提交操作 // TODO: 提交表单逻辑 } else { // 手机号码格式不正确，给出错误提示 alert('请输入正确的手机号码'); } } } }; </script> ``` 这样，当用户输入手机号码并点击提交按钮时，会根据正则表达式进行验证，并给出相应的提示。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值