经纬度输入校验规则

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

简单整理下经纬度(-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;
    },

我是小丁,

祝你牛逼

目录
打赏
0
0
0
0
1
分享
相关文章
最完整的经纬度正则表达式
最完整的就是最好的 ----经纬度
15043 0
SSH神器: Termius介绍与使用
Termius是一款跨平台的SSH工具,提供美观的界面和便捷的操作,支持Android、Windows、macOS及Linux。它允许用户在不同设备间同步服务器连接,适合多设备切换工作。通过注册并关联GitHub学生账号,可以免费获取Termius使用权。软件功能包括SFTP文件传输,还有团队分享功能(需付费)。更多特色等待探索。官网:&lt;https://www.termius.com/&gt;
24320 0
SSH神器: Termius介绍与使用
淘宝 NPM 镜像站切换新域名啦
用CNPM/淘宝源的开发者们请注意,淘宝NPM 镜像站喊你切换新域名啦。新的Web 站点:https://npmmirror.com,Registry Endpoint:https://registry.npmmirror.com。随着新的域名已经正式启用,老 http://npm.taobao.org 和 http://registry.npm.taobao.org 域名将于 2022 年 05 月 31 日零时起停止服务。(望周知,求转发)
18807 3
淘宝 NPM 镜像站切换新域名啦
未来趋势下的前端开发:WebAssembly 的兴起与应用
随着互联网应用的复杂化和性能需求的提升,前端开发正迎来一个新的变革时代。本文探讨了WebAssembly(Wasm)作为一种新兴技术的崛起,以及它在前端开发中的潜力和应用前景。
在JavaScript中实现模块化开发有多种方法
【5月更文挑战第10天】JavaScript模块化开发可通过CommonJS、AMD和ES6模块实现。CommonJS适用于服务器端,使用`require`和`module.exports`处理模块;AMD(如RequireJS)用于浏览器端,依赖`require`和`define`;ES6模块提供原生支持,使用`import`和`export`。选择方式需考虑项目环境、复杂度和技术栈。
64 4
Spring中异步注解@Async的使用、原理及使用时可能导致的问题
本文主要介绍了Spring中异步注解的使用、原理及可能碰到的问题,针对每个问题文中也给出了方案。希望通过这篇文章能帮助你彻底掌握`@Async`注解的使用,知其然并知其所以然!
13533 4
(续集)记录2分钟破解知识星球验证弹窗
那我换个思路,反正网站简单,这次直接用替换的方式
1323 0
百度地图拾取经纬度转为标准GEOJSON格式的函数解决方案
百度地图拾取经纬度转为标准GEOJSON格式的函数解决方案
293 0

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等