@timonovator Пожалуйста
<form class="form-horizontal" id="shopOrderForm" method="POST" action="[[~[[*id]]]]"> <fieldset> <input type="text" name="nospam:blank" value="" style="display:none;" /> <input type="hidden" name="order" value="1" /> [[!Personalize? &yesChunk=`logedInUsersTpl` &noChunk=`loginFormTpl` &allowedGroups=`Покупатели` &ph=`personalize.name` &firstName=`1`]] <div class="setup-content" id="step-2"> <div class="form-group row"> <label class="col-form-label col-md-2 offset-md-2" for="fullname">Ваша Ф.И.О.</label> <div class="col-md-6"> <input type="text" class="form-control" id="fullname" name="fullname" placeholder="Иванов Иван Иваныч" required="" value="[[!+fi.fullname:default=`[[!+modx.user.id:userinfo=`fullname`]]`:ne=`0`:show:ucwords]]"/> <div>[[!+fi.error.fullname:ucwords]]</div> </div> </div> <div class="form-group row"> <label class="col-form-label col-md-2 offset-md-2" for="phone">Ваш телефон</label> <div class="col-md-6"> <input type="tel" class="form-control" id="phone" name="phone" placeholder="+7(926)-900-70-39" pattern="((8|[+]?7)[- ]?)?([(]?[0-9]{3}[)]?[- ]?){1}([0-9]{1}[- ]?){6}[0-9]{1}" required="" value="[[!+fi.phone:default=`[[!+modx.user.id:userinfo=`phone`]]`:ne=`0`:show]]"/> <small id="phoneHelp" class="form-text text-muted">+7 или 8 в начале телефонного номера вводить не нужно.</small> </div> </div> <div class="form-group row"> <label class="col-form-label col-md-2 offset-md-2" for="email">Ваш Email</label> <div class="col-md-6"> <input type="email" class="form-control" id="email" name="email" placeholder="mail@mail.ru" required value="[[!+fi.email:default=`[[!+modx.user.id:userinfo=`email`]]`:ne=`0`:show]]"/> </div> </div> <div class="form-group row"> <div class="col-md-10"> <button type="button" class="btn btn-success float-xs-right btn-lg nextBtn" id="validateBtn">Продолжить <i class="fa fa-arrow-circle-right"></i></button> </div> </div> </div> <div class="setup-content" id="step-3"> <div class="form-group row"> <label class="col-form-label col-md-2 offset-md-2" for="fieldDelivery">Способ доставки</label> <div class="col-md-6"> <select class="form-control" name="shk_delivery" id="fieldDelivery"> <option value=""></option> [[!+shkopt_delivery]] </select> <small id="deliveryHelp" class="form-text text-muted">Нажмите на поле формы для выбора способа доставки.</small> </div> </div> <div class="form-group row"> <script> $(function () { $('[name="city"]').kladr({ type: $.kladr.type.city }); }); </script> <label class="col-form-label col-md-2 offset-md-2" for="city">Ваш город</label> <div class="col-md-6"> [[!cityselect? &tpl=`orderFormCitySelectTpl`]] </div> </div> <div class="form-group row"> <label class="col-form-label col-md-2 offset-md-2" for="street">Ваша улица</label> <div class="col-md-6"> <input type="text" class="form-control" id="street" name="street" pattern="^[А-яЁё0-9\s]+$" required="" placeholder="Столыпина" value="[[!+fi.street:default=`[[!Profile]][[!+street]]`:ne=`0`:show]]"/> </div> </div> <div class="form-group row"> <label class="col-form-label col-md-2 offset-md-2" for="house_number">Номер дома</label> <div class="col-md-6"> <input type="number" class="form-control" id="house_number" name="house_number" required="" placeholder="30" value="[[!+fi.house_number:default=`[[!Profile]][[!+house_number]]`:ne=`0`:show]]"/> </div> </div> <div class="form-group row"> <label class="col-form-label col-md-2 offset-md-2" for="flat_number">Номер квартиры</label> <div class="col-md-6"> <input type="number" class="form-control" id="flat_number" name="flat_number" required="" placeholder="38" value="[[!+fi.flat_number:default=`[[!Profile]][[!+flat_number]]`:ne=`0`:show]]"/> </div> </div> <div class="form-group row"> <label class="col-form-label col-md-2 offset-md-2" for="zip_code">Почтовый индекс</label> <div class="col-md-6"> <input type="number" class="form-control" id="zip_code" name="zip_code" pattern="[0-9]{6}" required="" value="[[!+fi.zip_code:default=`[[!+modx.user.id:userinfo=`zip`]]`:ne=`0`:show]]"/> </div> </div> <div class="form-group row"> <div class="col-md-10"> <button type="button" class="btn btn-success float-xs-right btn-lg nextBtn" id="validateBtn2">Продолжить <i class="fa fa-arrow-circle-right"></i></button> </div> </div> </div> <div class="setup-content" id="step-4"> <div class="form-group row"> <label class="col-form-label col-md-2 offset-md-2" for="fieldPayment">Способ оплаты</label> <div class="col-md-6"> <select name="payment" class="form-control" id="fieldPayment"> <option value=""></option> [[!+shkopt_payments]] </select> <small id="paymentHelp" class="form-text text-muted">Нажмите на поле формы для выбора способа оплаты.</small> </div> </div> <div class="form-group row"> <label class="col-form-label col-md-2 offset-md-2" for="message">Комментарий к заказу</label> <div class="col-md-6"> <textarea class="form-control" name="message" id="message" class="textfield" rows="5">[[!+fi.message]]</textarea> </div> </div> <div class="form-group row"> <div class="col-md-10"> <input type="hidden" name="shopOrderForm" value="submit"> <button type="submit" class="btn btn-success float-xs-right btn-lg" id="shopOrderForm_btn" value="Submit">Завершить оформление заказа <i class="fa fa-arrow-circle-right"></i></button> </div> </div> </div> </fieldset> </form>Для города ввод так выглядит
<input type="text" class="form-control" id="city" name="city" pattern="^[А-яЁё0-9\s]+$" required="" placeholder="Москва" data-kladr-type="city" value="[[!+fi.city:default=`[[!+modx.user.id:userinfo=`city`]]`:ne=`0`:show]]"/>