用于表单校验

最新推荐文章于 2023-11-23 15:18:02 发布
最新推荐文章于 2023-11-23 15:18:02 发布
阅读量106 收藏
点赞数
文章标签： 正则表达式 输入验证 前端开发 表单验证 错误处理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pansuyong/article/details/118668218
版权

  /**

   * @param {*} value 验证输入值

   * @param {*} reg   正则

   * @param {*} msg   提示的错误信息

   * @param {boolean} [reqire=false]  是否必填

   * @return {*}

   */

  baseValidate(value = "", reg = "", msg = "请输入", reqire = false) {

    // 是否必填

    if (reqire) {

      //必填

      if (value) {

        // 正则验证

        if (reg != "") {

          if (reg.test(value)) {

            return true;

          } else {

            Message.error(msg);

            return false;

          }

        }

        return true;

      } else {

        hisMessage.error(msg);

        return false;

      }

    } else {

      //非必填

      if (value) {

        // 正则验证

        if (reg != "") {

          if (reg.test(value)) {

            return true;

          } else {

            Message.error(msg);

            return false;

          }

        }

        return true;

      } else {

        return true;

      }

    }

  },

pansuyong
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
表单校验
weixin_44794676的博客
06-30 164
表单校验 1. 掌握表单验证的实现流程 1.1 表单验证的作用 保证用户输入的内容符合我们项目的要求 降低服务器的压力 提升用户的体验 1.2 表单验证的实现思路 **1.程序的入口：**事件（表单提交事件onsubmit,失去焦点事件onblur，普通按钮的点击事件onclick，获取焦点事件onfocus，键盘录入事件onkeydown） 2.程序主体：（表单验证的实现思路（4步）） ...
vue 表单验证
宁夏前端工程师，马卫斌，wx：1457508895
05-18 404
vue 表单验证 const validateMobile = (rule, value, callback) => { let reg = /^1(3|4|5|7|8)\d{9}$/ if (!reg.test(value)) { callback('请输入正确手机号') } else { callback() } } const validateEn = (rule, value, callback) => { let reg = /^[_a-zA-Z
常用正则匹配
qq_44146522的博客
02-26 1610
1、必须输入数字且最多4位小数 正数 /^\d+(?:\.\d{1,4})?$/ if (!reg.test(value)) alert('必须输入数字且最多4位小数') 2、必须输入数字且最多4位小数 正负数 可以有+- /^[+-]?\d+(?:\.\d{1,4})?$/ if (!reg.test(value)) alert('必须输入数字且最多4位小数') 3、必须输入数字且最多4位小数 可以为负数 可以有- /^-?\d+\.?\d{1,4}$/; if (!reg.test(va
正则表达式
qq_44439022的博客
12-30 3021
1.手机号码验证 isPhone(value) { return /^(+86)?1[3456789]\d{9}$/.test(value); }, 2.客户名称验证 custName(value) { return /1+$/.test(value); }, 3.邮箱地址验证 email(value) { return /2+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/.test(value); }, 4.身份证号码验证 cardId(v
正则验证规则
weixin_39418338的博客
05-11 476
正则校验：邮箱、手机号、分数、js 金额用，隔开（千分位加逗号）、正整数、输入大于等于0的数 小数点为6位、只能输入中文
常用的正则验证
兰給的博客
06-08 444
1，数字var reg = /^[0-9]\d*$/;if (!reg.test(value)) {    return '请输入数字';}2，数字或小数点后两位var reg = /^\d+(\.\d{1,2})?$/;if (!reg.test(value)) {    return '请输入数字或小数点后两位';}...
jq 表单校验工具
01-10
"jq 表单校验工具"是一个专门用于JavaScript（js）和jQuery（jq）环境的插件，它提供了强大的功能来帮助开发者实现对表单输入的实时验证。 首先，我们来看一下这个工具的核心功能。"传参"意味着你可以向校验方法...
vue表单自定义校验规则介绍
10-18
Vue提供了多种方式来处理表单验证，其中自定义校验规则是一个灵活且强大的功能，允许开发者根据具体需求定制验证逻辑。在本篇文章中，我们将深入探讨如何在Vue中实现表单的自定义校验规则。 首先，让我们看一个简单...
用于表单正则校验
08-11
本项目“用于表单正则校验”专注于利用JavaScript的正则表达式进行高效且准确的验证。在JavaScript开发中，正则表达式是一种强大的工具，用于匹配、查找、替换和解析字符串中的模式。 首先，我们需要理解正则表达式...
jquery的validate表单校验插件
06-19
《jQuery的validate表单校验插件深度解析》 在前端开发中，表单校验是必不可少的一个环节，它能够确保用户输入的数据符合预设的规范，提高用户体验并减轻服务器端的压力。jQuery的validate插件作为一款强大的表单...
vue elementUI 表单校验功能之数组多层嵌套
10-16
本文将深入探讨如何在 Vue Element UI 中实现针对这种数据结构的表单校验。 在 Vue Element UI 中，`el-form` 和 `el-form-item` 组件用于创建表单和表单项，并且通过 `v-model` 和 `prop` 属性进行数据绑定和验证...
Vue中rules效验规则的使用和常见效验规则
a404352329的博客
11-23 6079
使用语法：{validator:验证方法,trigger:验证触发}
项目中常用正则验证
蜗牛不会跑
06-27 212
/*大于0小于100数字*/export function validateNumber(val) {const reg = /^\d\.([1-9]{1,2}|[0-9][1-9])$|^[1-9]\d{0,1}(\.\d{1,2}){0,1}$|^100(\.0{1,2}){0,1}$/;return reg.test(val)}export function validdateMobile(...
常用验证方法
weixin_39238200的博客
08-09 1267
/** *@copyrighthulinlin3222941047@qq.com *@description判读是否为外链 *@parampath *@returns{boolean} */ exportfunctionisExternal(path){ return/^(https?:|mailto:|tel:)/.test(path); } /** *@copyrighthulinlin3222941047@qq.com *@...
vue常用正则验证
wr1067145458的博客
05-26 4394
https://www.cnblogs.com/lieone/p/11856330.html
JavaScript验证数据是否符合正则表达式
Selicens的博客
11-02 889
JavaScript验证数据是否符合正则表达式 let reg = /.*:.*/g; let val = "5:2"; console.log(reg.test(val)) //true
vue中的表单验证
weixin_30456039的博客
03-18 247
http://www.cnblogs.com/luoxuemei/p/9295506.html /*是否合法IP地址*/ export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { co...
GEE数据集-高分辨率全球树冠高度地图（1 米）Meta 公司.pdf
最新发布
07-17
绘制植被结构图对于了解全球碳循环以及监测基于自然的气候适应和减缓方法至关重要。通过对这些数据的重复测量，可以观察现有森林的砍伐或退化情况、森林的自然再生以及农林业等可持续农业实践的实施情况。高空间分辨率的树冠高度和树冠投影面积评估对于监测碳通量和评估基于树木的土地利用也很重要，因为森林结构在空间上可能高度异质，特别是在农林系统中。极高分辨率的卫星图像（地面采样距离小于一米）使提取树木层面的信息成为可能，同时还能进行大尺度监测。本文介绍了第一份同时为多个次国家辖区制作的高分辨率树冠高度图。具体来说，我们为加利福尼亚州和圣保罗州制作了非常高分辨率的树冠高度地图，与之前基于哨兵/GEDI 的全球树冠高度地图的十米（10 米）分辨率相比，分辨率有了显著提高。这些地图是通过在 2017 年至 2020 年的 Maxar 图像上训练的自监督模型中提取特征，并根据航空激光雷达地图训练密集预测解码器生成的。我们还引入了一个后处理步骤，使用在 GEDI 观测数据上训练的卷积网络。我们利用预留验证激光雷达数据以及与其他遥感地图和实地收集的数据进行比较，对所提出的地图进行了评估，发现我们的模型产生的平均绝对
uniapp 表单校验
05-07
在UniApp中进行表单校验可以通过以下几种方式实现： 1. 使用HTML5的表单验证属性：UniApp支持大部分HTML5的表单验证属性，例如`required`、`pattern`、`min`、`max`等。你可以在input标签中添加这些属性来进行基本...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值