Как привязать маску к полю формы, которая прилетает на страницу из аякса?

Question

[zhdoon]

Использую библиотеку https://github.com/digitalBush/jquery.maskedinput

Если код формы присутствует сразу при загрузке страницы, то использую такой код (работает):

$(document).on('ready', function(){
    $("[name = user_phone]").mask("[phone]");
});

Не соображу, как привязать маску к полю в том случае, если при первоначальной загрузке страницы формы в исходном html нет и она встраивается в html страницы после того, как отработает ajax-запрос.

Comments

[Павел Антонов]

Оберните маску в функцию

function maskUserPhone(){
    $("[name = user_phone]").mask("[phone]");
}

и вызовите ее при успешном выполнении аякс-запроса

[ThunderCat]

Павел Антонов, проще триггернуть кейап или на что там маска срабатывает...

[zhdoon]

Павел Антонов, маска добавилась, но ввод с клавиатуры перестал работать.

Answer 1

[Anton fon Faust]

Вижу два решения:
1) Вызывать $("[name = user_phone]").mask("[phone]"); каждый раз после того, как получаете форму через ajax.

2) Если вы получаете форму как html, делаете для нее $(formHtml).mask("[phone]");, а уже потом - делаете ее append внутрь страницы, где formHtml - переменная с кодом вашей формы. По сути и то и другое - делается в коллбеке success