AI要約
概要
住所の自動入力を特定の国に制限しますか？ 希望する国の独自の住所スキームを作成する場合、住所の自動入力がその国でのみ検索されるようにしたい場合もあります。
この記事では、JavaScriptを使用してこれを実現する方法を説明します。
セットアップ
このドキュメントの目的上、このチュートリアルの手順に従って、カナダの独自の住所スキームをすでに作成しました。
追加の住所スキームを追加した後、フォームビルダー内の住所フィールドでそのスキームを選択しました。
これに加えて、住所フィールドの詳細タブから住所の自動入力を有効にするもオンにしました。
スニペットの追加
フォームの設定と保存が完了したら、スニペットを追加する時間です。サイトにスニペットを追加する方法についてサポートが必要な場合は、このチュートリアルを確認してください。
/**
* Restrict address autocomplete to a specific country
*
* @link https://wpforms.com/developers/how-to-restrict-address-autocomplete-to-a-specific-country/
*/
function wpf_dev_geo_autocomplete_default_country() {
?>
<script type="text/javascript">
var formID = '1000'; // Change form ID
var addressFieldID = '25'; // Change address field ID
var country = 'ca'; // Change country code
var settingsKey = 'wpforms_' + formID + '_field_' + addressFieldID;
if ( typeof wpforms_geolocation_settings !== 'undefined' ) {
if ( ! wpforms_geolocation_settings.autocompleteSettings ) {
wpforms_geolocation_settings.autocompleteSettings = {};
}
if ( ! wpforms_geolocation_settings.autocompleteSettings[ settingsKey ] ) {
wpforms_geolocation_settings.autocompleteSettings[ settingsKey ] = {};
}
wpforms_geolocation_settings.autocompleteSettings[ settingsKey ].strict = [ country ];
}
</script>
<?php
}
add_action( 'wpforms_wp_footer_end', 'wpf_dev_geo_autocomplete_default_country', 30 );
スニペットで、特定の要件に合わせて更新する必要がある項目は3つあります。
- var formID = 1000;
- var addressFieldID = 25;
- 'country': [ 'ca' ],
これらは、独自のフォームID、フィールドID、および住所の自動入力が検索する国に合わせて更新する必要があります。
フォームとフィールドIDを見つけるには、このチュートリアルを確認してください。
特定の国の2文字の国コードを見つけるのに役立つ場合は、このドキュメントを確認してください。
これで完了です！これで、住所が入力されると、自動入力機能は指定した国でのみ検索されます。
電話フィールドも特定の国に制限しますか？ 電話フォームフィールドで国を制限する方法の記事をご覧ください。
関連
アクション参照: wpforms_wp_footer_end