Soul

 
<?php if ($field->title) { ?><label for="<?php echo $field->id; ?>"><?php echo $field->title; ?></label><?php } ?>
<?php $this->addJS("templates/{$this->name}/js/jquery.maskedinput.min.js"); ?>
<?php $phone_mask = $field->getProperty('phone_mask'); 
if(!$phone_mask) { $phone_mask = $field->getOption('phone_mask'); } 
$placeholder = $field->getProperty('placeholder'); 
if(!$placeholder) { $placeholder = $field->getOption('placeholder'); } ?>
 
<input type="radio" value="ua<?php echo $field->id; ?>" name="lang"/>Украина</input>
<input type="radio" value="ru<?php echo $field->id; ?>" name="lang"/>Россия</input>
 
<script type="text/javascript">
jQuery(function($){
$.mask.definitions['9']='[0-9]';
$.mask.definitions['~']='[@+-]';
$.mask.definitions['*'] = "[A-Za-zА]";
$.mask.definitions['#'] = "[A-Яa-яА]";
   $("#<?php echo $field->id; ?>").mask('<?php html($phone_mask); ?>', {placeholder:"_"});
});
 
$('[name="lang"]').on('change', function (e) {
    if (e.target.value === 'ua<?php echo $field->id; ?>') {
        $("#<?php echo $field->id; ?>").unmask(); 		
        $("#<?php echo $field->id; ?>").mask("+38 (999) 999-99-99",{placeholder:"_"});
    } else if (e.target.value === 'ru<?php echo $field->id; ?>') {
        $("#<?php echo $field->id; ?>").unmask(); 		
        $("#<?php echo $field->id; ?>").mask("+7 (999) 999-99-99",{placeholder:"_"});
    }
 
});
 
</script>
 
<?php echo html_input( 'text',$field->element_name, $value, array('id'=>$field->id, 'placeholder'=>$placeholder)); ?>