Google将api用于javascript自动填充限制建议

时间:2016-05-09 13:34:09

标签: javascript jquery autocomplete google-places-api

我正在使用这个api:

google.maps.places.Autocomplete

我需要能够将我的文本字段仅限制为api的结果,并且不允许自由文本选择。

这是我的代码:

var ac = new google.maps.places.Autocomplete($('#txt').get(0));
ac.place_changed = function () {
    // TODO: add code to verify address if required
}

自动填充中是否有一些设置可以执行此操作...?

1 个答案:

答案 0 :(得分:0)

我设法通过应用一些东西来找到解决方案。

首先,form代码需要onsubmitreturn

<form action="..." method="get" onsubmit="return formSubmitted(this);">

第二,自动完成应该设置一个变量(比如ac_var)和获取的位置数据

ac.place_changed = function () {
    var pl = ac.getPlace();
    var addr = pl.address_components;
    ac_var = addr[0].long_name;
}

3,javascript中的函数:

function formSubmitted(frm) {
    if ( frm.txt.value == '' || ac_var == '' )
        return false;

    return true;
}

addr[0].long_name进行一些检查以检查它是否存在也应该是好的。