经纬度输入校验规则

简介: 经纬度输入校验规则

简单整理下经纬度(-180,180)-(-90,90)的校验规则

        <el-col :span="3">
            经度:
            <el-input
              v-model="lng"
              placeholder="请输入经度"
              size="mini"
              style="width: 120px"
              type="number"
              @input="handleEdit"
              @change="searchpointWindProfile"
            ></el-input>
          </el-col>
    // 正则验证经纬度
    handleEdit(e) {
      let value = e.replace(/[^\-\d.]/g, ""); // 只能输入.和-和数字
      value = value.replace(/^\./g, ""); // 第一个字符不能是.
      value = value.replace(/\.{2,}/g, "."); // 不能连续输入.
      value = value.replace(/(\.\d+)\./g, "$1"); // .后面不能再输入.
      value = value.replace(/(-)\./g, "$1"); // -后面不能输入.
      value = value.replace(/\-{2,}/g, "-"); // -只能保留一个
      value = value.replace(/(\d+|\.)-/g, "$1"); // 数字和.后面不能接-,不能出现类似11-, 12.-
      value = value.replace(/-(0){2,}/g, "$1"); // 不能出现-00,-001,-0001类似
      value = value.replace(/(-)0+(\d+)/g, "$1$2"); // 不能出现-01,-02类似
      value = value.replace(/^0+(\d)/, "$1"); // 第一位0开头,0后面为数字,则过滤掉,取后面的数字
      value = value.replace(/(\d{3})\d*/, "$1"); // 最多保留15位整数
      value = value.replace(/(\.\d{3})\d*/, "$1"); // 最多保留2位小数
      if (parseInt(value) > 180) {
        value = 180;
      } else if (parseInt(value) < -180) {
        value = -180;
      }
      this.lng = value;
    },

我是小丁,

祝你牛逼

相关文章
|
定位技术
最完整的经纬度正则表达式
最完整的就是最好的 ----经纬度
15738 0
|
负载均衡 Ubuntu 应用服务中间件
|
关系型数据库 MySQL 搜索推荐
mysql point类型的简单使用
什么是point类型数据?举个例子如下:POINT(123.462202 41.804471) 首先建立一个表: DROP TABLE IF EXISTS `tb_point`; CREATE TABLE `tb_point` ( `timesta...
3580 0
基于Vue2用keydown、keyup事件实现长按键盘任意键(或组合键)3秒触发自定义事件(以F1键为例)
基于Vue2用keydown、keyup事件实现长按键盘任意键(或组合键)3秒触发自定义事件(以F1键为例)
|
8月前
|
人工智能 编解码 异构计算
Neo-1:全球首个原子级生成式AI模型!这个AI模型把10年药物研发周期压缩到1个月
VantAI推出的Neo-1是全球首个统一分子生成与原子级结构预测的AI模型,采用潜在空间扩散技术,结合大规模训练和定制数据集,显著提升药物研发效率。
423 15
Neo-1:全球首个原子级生成式AI模型!这个AI模型把10年药物研发周期压缩到1个月
|
9月前
|
人工智能 自然语言处理
TxGemma:谷歌DeepMind革命药物研发!270亿参数AI药理学家24小时在线
谷歌推出专为药物研发设计的TxGemma大模型,具备药物特性预测、生物文献筛选、多步推理等核心能力,提供20亿至270亿参数版本,显著提升治疗开发效率。
314 7
TxGemma:谷歌DeepMind革命药物研发!270亿参数AI药理学家24小时在线
|
8月前
|
前端开发 数据挖掘 关系型数据库
‌三三复制公排分销商城系统开发玩法设计‌
三三复制公排分销商城系统是一种结合三级分销、公排与滑落机制的电商平台。用户通过推荐新成员形成下级分销网络,满三后 excess 用户自动滑落至上一级,增加收益机会。系统设有团队奖励、个人业绩奖励及实时数据分析功能,支持多支付方式与商品管理。技术上采用前端响应式设计与后端高效架构,确保安全性与性能优化。开发时需注重合规性、用户体验与数据安全,并持续迭代以满足需求。此模式虽具吸引力,但须谨慎遵守法律法规。
|
SQL 监控 关系型数据库
mysql统计数据库大小
通过这些方法,数据库管理员可以有效地监控和规划MySQL数据库的存储需求,确保数据库的稳定运行。
595 3
|
Kubernetes 负载均衡 容器
在K8S中,nodePort的externalTrafficPolicy字段有什么作用?
在K8S中,nodePort的externalTrafficPolicy字段有什么作用?
|
网络协议 Windows
电脑ip在哪里查看?windows系统查看ip地址的8种方法
在Windows系统中,有多种方法可以查看电脑的IP地址。
7274 2