twitter-bootstrap - カスタムの場所を検証するためのブートストラップ検証正規表現

Question

ユーザーが場所を選択するフォームがあります (Ajax 自動提案ベース)。自動入力された場所の形式は次のようになります..

ニューアルバニー、IN、アメリカ合衆国

すなわち、都市名カンマ国コードカンマ国名。

ユーザーが (NewAlbay United States) のような独自の形式を入力するのを避けたい

正規表現のブートストラップ検証を記述して検証する方法は?

Answer 1

オートコンプリート フォーム フィールドを提案します。

<g:javascript>
$(window).load(function(){
    $(function() {
        var availableTags = [];

        $.ajax({url: "${resource(dir: 'js', file: 'communes.json')}",
            success: function (obj, status, request) {
                var jsonObj = $.parseJSON(obj);
                availableTags = jsonObj;
                $(".autocomplete").autocomplete({
                    source: availableTags
                });
                var a = 0;
            },
            error: function (request, status, error) {
                createModalAlert(error, 'error');
            }
        });
    });
});
</g:javascript>


<div class="form-group">
    <label for="inputCommune" class="col-xs-3 control-label"><g:message code="registerForm.placeholder.comune"/></label>
    <div class="col-xs-8">
        <input type="text" class="form-control autocomplete" name="inputCommune" id="inputCommune" value="${params.inputCommune}"
            placeholder="${message(code: 'registerForm.placeholder.comune')}"
            pattern="[a-zA-ZñÑ, \']{5,}"
            >
    </div>
</div>

js/communes.json に、入力された場所を配置する必要があります

[
  "New Albany, IN, United States",
  "New York ...",
  ...,
  ...
]