Установка customValidate в vue -tel-input смертельно повесила мою страницу - PullRequest
0 голосов
/ 10 июля 2020

Я добавил https://github.com/EducationLink/vue-tel-input в свой проект bootstrap - vue и, глядя на свойство customValidate, я хочу выполнить проверку номера телефона, например «(123) 456-7890». Я полагаю, что customValidate - это проверка javascript регулярного выражения и погуглил это Подтвердить номер телефона с помощью ветки JavaScript. Я пробую несколько методов из него, например: Мое регулярное выражение выбора:

/^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/im

Но установив это свойство:

<vue-tel-input
        :onCountryChanged="countryChangedEvent"
        :preferredCountries="['AU', 'BR']"
        :onlyCountries="['AU', 'BR', 'UA']"
        :enabledCountryCode="true"
        :defaultCountry="'AU'"
        v-model="phone"
        :selectedCountryCode="true"
        autocomplete="off"
        name= "telephone"

        :custom-validate="/^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/im"
        wrapperClasses="m-4 p-4"
        inputClasses="w-full"

        :maxLen="25"
        mode="international"
        :disabledFetchingCountry="false"
        :disabled="false"
        :disabledFormatting="false"
        :placeholder="'Enter a phone number'"
        @onClose="onClose"
        @onInput="onInput"
></vue-tel-input>

моя страница смертельно зависла.

Я попробовал еще несколько примеров регулярных выражений с теми же результатами. Это недопустимый формат или мне нужна оболочка?

"bootstrap-vue": "^2.3.0",
"vue": "^2.6.11",
"vue-tel-input": "^4.4.0",

Спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...