Question

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

New Albany，IN，United States

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

我想避免用户输入自己的格式，如（NewAlbay United States）

如何编写正则表达式的bootstrap验证来验证它？

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 ...",
  ...,
  ...
]

bootstrap验证正则表达式以验证自定义位置

1 个答案: