Добавила на сайт маску ввода телефона http://digitalbush.com/projects/masked-input-plugin/
В формах на страницах все работает корректно. Однако во всплывающем окне маска не работает.
Помогите, пожалуйста, решить проблему.
Кнопка вызова всплывающего окна:
<a href="jav * ascript:void(0)" oncl ick="openRecallPopup()" class="recall"><div class="banner-order">Заказать звонок</div></a>
Код окна:
<script>
function openRecallPopup()
{
var authPopup = BX.PopupWindowManager.create("RecallPopup", null, {
autoHide: true,
offsetLeft: 0,
offsetTop: 0,
overlay : true,
draggable: {restrict:true},
closeByEsc: true,
closeIcon: { right : "12px", top : "10px"},
content: '<div style="background-color: #f0f0f0;" class="pnew"><span class="popspan"><img src="/bitrix/templates/eshop_adapt_yellow/img/wait.gif"/></span></div>',
events: {
onAfterPopupShow: function()
{
this.setContent(BX("bx_recall_popup_form"));
}
}
});
authPopup.show();
}
</script>
Код самой формы:
<div class="pform">
<div class="fodin"><input type="text" placeholder="ФИО *" name="form_text_29" value="" size="60" /></div>
<div class="fdva1"><input type="text" placeholder="Организация *" name="form_text_30" value="" size="60" /></div>
<div class="fodin"><input type="text" placeholder="Телефон" id="telep" name="form_text_31" value="" size="60" /></div>
<div class="fdva2"><input type="text" placeholder="Эл. почта *" name="form_text_32" value="" size="60" /></div>
<div class="send"><input type="submit" name="web_form_submit" value="ОТПРАВИТЬ ЗАПРОС" /></div>
Код маски телефона:
<script type="text/javascript" src="http://digitalbush.com/wp-content/uploads/2014/10/jquery.maskedinput.js "></script>
<script type="text/javascript">
jQuery(function($) {
$.mask.definitions['~']='[+-]';
$('#telep').mask('+7(999) 999-99-99');
$('#phoneext').mask("(999) 999-9999? x99999");
$("#product").mask("a*-999-a999",{placeholder:" ",completed:function(){alert("You typed the following: "+this.val());}});
$("#eyescript").mask("~9.99 ~9.99 999");
});
</script>
Заранее спасибо.
В формах на страницах все работает корректно. Однако во всплывающем окне маска не работает.
Помогите, пожалуйста, решить проблему.
Кнопка вызова всплывающего окна:
<a href="jav * ascript:void(0)" oncl ick="openRecallPopup()" class="recall"><div class="banner-order">Заказать звонок</div></a>
Код окна:
<script>
function openRecallPopup()
{
var authPopup = BX.PopupWindowManager.create("RecallPopup", null, {
autoHide: true,
offsetLeft: 0,
offsetTop: 0,
overlay : true,
draggable: {restrict:true},
closeByEsc: true,
closeIcon: { right : "12px", top : "10px"},
content: '<div style="background-color: #f0f0f0;" class="pnew"><span class="popspan"><img src="/bitrix/templates/eshop_adapt_yellow/img/wait.gif"/></span></div>',
events: {
onAfterPopupShow: function()
{
this.setContent(BX("bx_recall_popup_form"));
}
}
});
authPopup.show();
}
</script>
Код самой формы:
<div class="pform">
<div class="fodin"><input type="text" placeholder="ФИО *" name="form_text_29" value="" size="60" /></div>
<div class="fdva1"><input type="text" placeholder="Организация *" name="form_text_30" value="" size="60" /></div>
<div class="fodin"><input type="text" placeholder="Телефон" id="telep" name="form_text_31" value="" size="60" /></div>
<div class="fdva2"><input type="text" placeholder="Эл. почта *" name="form_text_32" value="" size="60" /></div>
<div class="send"><input type="submit" name="web_form_submit" value="ОТПРАВИТЬ ЗАПРОС" /></div>
Код маски телефона:
<script type="text/javascript" src="
<script type="text/javascript">
jQuery(function($) {
$.mask.definitions['~']='[+-]';
$('#telep').mask('+7(999) 999-99-99');
$('#phoneext').mask("(999) 999-9999? x99999");
$("#product").mask("a*-999-a999",{placeholder:" ",completed:function(){alert("You typed the following: "+this.val());}});
$("#eyescript").mask("~9.99 ~9.99 999");
});
</script>
Заранее спасибо.