首页 > 其他分享 >antd4表单手机号验证

antd4表单手机号验证

时间:2024-05-02 09:56:26浏览次数:19  
标签:phoneRegex const 手机号 antd4 value 表单 return

 

 // 自定义手机号校验规则
  const validatePhone = (_, value) => {
    const phoneRegex = /^1[3456789]\d{9}$/;
    if (!value || phoneRegex.test(value)) {
      return Promise.resolve();
    }
    return Promise.reject(new Error('请输入有效的手机号码'));
  };

 

<Form.Item
          name="mobile"
          label="手机号"
          rules={[
            {
              required: true,
              message: '请输入手机号',
            },
            { validator: validatePhone }
          ]}
        >
          <Input maxLength={200} placeholder="请输入手机号" />
        </Form.Item>

 

标签:phoneRegex,const,手机号,antd4,value,表单,return
From: https://www.cnblogs.com/Simoon/p/18169957

相关文章

  • 表单-隐藏域
    <formaction="#"><!--隐藏域:用户不可见的一个输入区域,提交表单时携带一些额外的附加验证数据--><inputtype="hidden"name="tag"value="123"><br>姓名:<inputtype="text"value="hello&......
  • 表单-确认重置按钮,普通按钮
    表单的确认按钮,和重置按钮:<form> <!--提交按钮,可以用button,也可以用input类型submit--><!--<button>确认</button>--><inputtype="submit"><inputtype="submit"value="批准">......
  • js 接收form表单响应
    可直接运行的示例:<%@pagecontentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%><!DOCTYPEhtml><html><head><title>test</title></head><formid="myForm"><labelfor=&quo......
  • 制作表格/表单并用CSS美化
    制作表格用到background-img设置表头背景图片(导航栏也可以这么用)用到设置单双行不同颜色的方法用到合并列colspan=number,合并行用rowspan=number用到设置表格范围宽度方法<html><head><!--Ctrl+S保存后就可以刷新浏览器预览--><metahttp-equiv="Content-t......
  • Vue中form表单常用rules校验规则
    是否合法IP地址constcheckIPCode=(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......
  • vue箭头函数、js-for循环、事件修饰符、摁键事件和修饰符、表单控制、完整购物车版本
    【箭头函数】1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<title>Title</title>6<scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">&l......
  • keycloak~RequiredActionProvider中获取表单认证前URL的参数
    在keycloak中,我们在进行brower浏览器的表单认证时,一般在跳到本页面时,URL上会有redirect_uri这种参数,用来告诉keycloak,在认证成功后的跳转地址,你在表单认证控制器中,可以通过context.getHttpRequest().getUri().getQueryParameters().getFirst("redirect_uri")进行获取,而当你为browe......
  • 【vue3入门】-【16】表单输入绑定
    表单输入绑定在前端处理表单时,我们常常需要将表单输入框的内容同步给JavaScript中相应的变量。手动连接值绑定和更改事件监听器可能会比较麻烦,v-model指令帮我们简化了这一步骤。<template><h3>表单输入绑定</h3><form><!--v-model:在页面中输入信息的同时,下......
  • 技术文章:使用Java进行微信ID和手机号码检测
    摘要本文将介绍一个Java程序,该程序能够检测文本中的微信ID和手机号码,并将其屏蔽。程序首先定义了一系列与微信相关的关键字,然后使用正则表达式来匹配合法的手机号码和微信ID。最后,该程序将检测到的手机号码和微信ID替换为星号,以保护用户隐私。1.程序介绍随着社交媒体的普及,个......
  • 利用自定义流程表单开发的优势,实现流程化发展!
    要想实现流程化发展,通过低代码技术平台以及自定义流程表单开发的力量,可以将效率大大提升,便于企业进行数字化管理。拥有够灵活、可维护、易操作等优势特点的低代码技术平台拥有强劲的市场竞争力,逐渐在市场中脱颖而出,如果将自定义流程表单开发的优势特点发挥极致,就能快速实现流程化......