twitter-bootstrap - 引导验证正则表达式以验证自定义位置

Question

我有一个表单，用户可以在其中选择位置（基于 Ajax 自动建议）。自动填充的位置格式就像..

美国印第安纳州新奥尔巴尼

即城市名称逗号国家代码逗号国家名称。

我想避免用户输入自己的格式，例如（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 ...",
  ...,
  ...
]