在自動完成輸入上書寫時，顯示/隱藏按鈕

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>