JavaScript Google Map 坐标验证

JavaScript Google Map Coordinate Validation

本文关键字：验证 坐标 Map Google JavaScript      更新时间：2023-09-26

>我有一个表单，您可以在其中选择地图上的一个点，它会填充纬度和纬度文本框，或者您可以自己输入坐标。

我需要添加验证以确保用户输入有效范围，但我不确定我是否有正确的正则表达式。 这是我使用的方法：

var regex_coords = "[-]?[0-9]*[.]{0,1}[0-9]";
// ...
valid_coords: function (number) {
if (number.match(regex_coords) && !isNaN(Number(number))) {
    $("#btnSaveResort").removeAttr("disabled");
    return true;
} else {
    $("#btnSaveResort").attr("disabled", "disabled");
    return false;
}
},

无论我在文本框中输入什么，此函数都会返回 false。

有什么更好的建议吗？

纬度和经度有不同的范围：纬度是 （-90，90），经度是 （-180，180），所以使用单个正则表达式并不是真的行得通。您可能还想检查纬度是否可以绘制在地图上 - 这意味着它需要大致位于 （-85，85） 范围内。或者，您可能希望将范围限制为包含特定区域的边框。

为什么不显式测试范围？

function inrange(min,number,max){
    if ( !isNaN(number) && (number >= min) && (number <= max) ){
        return true;
    } else {
        return false;
    };
}

然后，您可以根据需要定制代码。大概您只想在纬度和经度都有效时才启用保存按钮。

valid_coords: function(number_lat,number_lng) {
    if (inrange(-90,number_lat,90) && inrange(-180,number_lng,180)) {
        $("#btnSaveResort").removeAttr("disabled");
        return true;
    }
    else {
        $("#btnSaveResort").attr("disabled","disabled");
        return false;
    }
}

您的正则表达式看起来不正确。尝试：

var regex_coords = /'-?[0-9]+['.]{0,1}[0-9]*/;
相关文章：