首页 > 其他分享 >a-form校验同时存在warning和error,并且warning不影响提交

a-form校验同时存在warning和error,并且warning不影响提交

时间:2023-10-12 11:47:16浏览次数:26  
标签:const form value return warning validateRemarkStatus error validateRemarkHelp

<a-form-item
  label="名称"
  name="remark"
  :validate-status="validateRemarkStatus"
  :help="validateRemarkHelp"
>
  <a-input
    v-model:value="formState.remark"
    placeholder="请输入名称"
  />
</a-form-item>


const validateRemarkStatus = ref('success');
const validateRemarkHelp = ref('');
const validateRemark = async (_rule: Rule, value: string) => {
    if (value === '') {
        validateRemarkStatus.value = 'error';
        validateRemarkHelp.value = '请输入名称';
        return Promise.reject();
    } else {
        // 名称支持输入中英文、数字、短横线、下划线 ,字符数≤20
        const remarkReg = /^[\u4e00-\u9fa5a-zA-Z0-9-_]{1,20}$/;
        if (!remarkReg.test(value)) {
            validateRemarkStatus.value = 'error';
            validateRemarkHelp.value =
                '由中英文、数字、短横线、下划线组成,不超过20个字符';
            return Promise.reject();
        } else {
            const repeatName = allAppRemark.value.filter(
                (item) =>
                    item.toUpperCase() === value.toUpperCase() &&
                    value !== oldRemark,
            );
            if (repeatName.length) {
                validateRemarkStatus.value = 'error';
                validateRemarkHelp.value = '名称不能重复命名';
                return Promise.reject();
            }
        }
        const envReg = /\b(dev|test|ceshi|stage|pre|pro|prod)\b/;

        if (envReg.test(value)) {
            validateRemarkStatus.value = 'warning';
            validateRemarkHelp.value =
                '命名不规范,建议名称中不包含test、ceshi、dev、pre、stage、pro、prod等环境信息';
            return Promise.resolve();
        }
        validateRemarkStatus.value = 'success';
        validateRemarkHelp.value = '';
        return Promise.resolve();
    }
};

  

标签:const,form,value,return,warning,validateRemarkStatus,error,validateRemarkHelp
From: https://www.cnblogs.com/hwy6/p/17759125.html

相关文章

  • struct.error: 'H' format requires 0 <= number <= 65535
    全部代码如下:frompymodbus.clientimportModbusTcpClient#避坑:write_registers和write_register函数差一个s。多一个s的参数用整型列表,没有的只能用整型defsplit_float_to_integer_and_fraction_parts(number):"""将浮点数拆分为整数部分和小数部分的函数......
  • 2023ICCV_Retinexformer: One-stage Retinex-based Transformer for Low-light Image
    一.Motivation(1)Retinex理论没有考虑到噪声,并且基于Retinex分解的网络通常需要很多阶段训练。(2)直接使用从CNN从低光图像到正常光图像的映射忽略了人类的颜色感知,CNN更适合捕获局部信息,对于捕获远程依赖和非局部自相似性方面存在局限。二.Contribution(1)设计了一个阶段......
  • unknown or unsupported macOS version: :dunno (MacOSVersionError)
    在安装libimobiledevice报错如下unknownorunsupportedmacOSversion::dunno(MacOSVersionError)主要原因是我禁用了brew自动更新脚本如下#HomebrewSettingsexportPATH="$PATH:$HOME/.rvm/bin"exportHOMEBREW_NO_AUTO_UPDATE=true[[-s"$HOME/.rvm/scr......
  • C# WinForm程序添加 CefSharp 发布后,双击无法打开(无反应)
    团队内将原来的企业微信弃用,启用飞书进行内部沟通。之前开发的内部工具(C#WinForm)是通过企业微信扫码登录验证身份,现在也需要变更飞书进行扫码验证。因此得重新对接飞书,所以在程序里加入了 CefSharp(谷歌内核)组件,版本号115.3.110.0。但是在功能实现后,发布给兄弟们用的时候......
  • Winform-选择类控件.ComboBox控件(下拉组合框控件)
    ComboBox控件用于在下拉组合框中显示数据第一部分是一个允许用户输入列表项的文本框第二部分是一个列表框,用户选择其中一个 1、创建只可以选择的下拉框 2、选中下拉组合框中可编辑部分的所有文本 ......
  • python pyautogui AttributeError: module 'pyscreeze' has no attribute 'locateOnW
    目录pythonpyautoguiAttributeError:module'pyscreeze'hasnoattribute'locateOnWindow'pythonpyautoguiAttributeError:module'pyscreeze'hasnoattribute'locateOnWindow'安装好pyautogui后测试脚本报错如标题这个报错百度查询是版本过高导致......
  • configure: error: liblzma development files not found
     001、问题samtools安装执行./configure报错如下:configure:error:liblzmadevelopmentfilesnotfound 002、解决方法:yum-yinstallxz-devel 参考:01、https://blog.csdn.net/weixin_34861344/article/details/129903626 ......
  • cmakelist文件format
    这里主要是希望在vscode中编写CMakeList.txt过程中,对[[cmake]]语言进行format处理。首先在vscode中安装cmake-format插件cmake-format-VisualStudioMarketplace然后需要安装cmake-format.exe程序。这里需要使用[[Python]]进行安装:pipinstallcmake_forma......
  • 2023-10-10 ts+formily 开发日志
    PromiseResponsePaginateResult:简介:一个TypeScript的类型,用于处理异步操作返回的分页结果,类似于promise,包含分页信息属性:data:数据源total:数据量的总数limit:每页数据量page:当前页码pages:总页数......
  • ImportError: cannot import name 'parse_xml' from 'docx.oxml'
    问题解决:查看每一个报错的文件,比如__init__.py, composer.py找到报错的这一行,比如:fromdocx.oxmlimportparse_xml替换为:fromdocx.oxml.parserimportparse_xml注意:可能有多个文件出现这个问题,需要逐一解决!......