在自动完成输入上书写时，显示/隐藏按钮

Question

我有一种使用姓名和地址来管理个人信息的表格。 页面加载后，表单在输入文本中显示名称信息和地址信息。

1 /如果更改地址，则会自动完成js显示Google地图地址的列表。 目前，我想隐藏“提交”按钮，直到单击地址为止。

2 /如果没有单击或正确的地址结果，我想删除输入，请显示“占位符”并显示提交按钮。

这是我的jquery脚本：

<script type='text/javascript'>
    $(document).ready(function(){           
         $('#adress').keyup(function() {
            $('#validate_info').hide();
         });
    });
</script>

这是HTML / PHP代码：

<input type="text" id="name" placeholder="George Lake"></input>
<input type="text" id="address" placeholder="17 Street Lane, Leeds, Royaume-Uni" ></input>
<button type="submit" id="validate_info">Validate</button>

页脚脚本页面：

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=places&language=en-AU"></script>
<script>
    var autocomplete = new google.maps.places.Autocomplete($("#address")[0], {});

    google.maps.event.addListener(autocomplete, 'place_changed', function() {
        var place = autocomplete.getPlace();
        console.log(place.address_components);
    });
</script>

Answer 1

此代码将为您提供帮助。

<script type='text/javascript'>
     $(document).ready(function(){           
        $('#adress').keyup(function() {
           $('#validate_info').css("display", "none");
        });
     });
</script>

您的页脚脚本页面。

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=places&language=en-AU"></script>
<script>
       var autocomplete = new google.maps.places.Autocomplete($("#address")[0], {});

       google.maps.event.addListener(autocomplete, 'place_changed', function() {
           var place = autocomplete.getPlace();
           // Check here that place is empty or not
           if(place == ''){
               $('#address').value("");
               $('#validate_info').css("display", "block");
           }
        });
</script>