Проверка полей на уровне клиента и маска ввода, как совместить? - Joomla 2.5: Общие вопросы

Используя валидацию JHtml::_( 'behavior.formvalidation' ); - не могу сообразить с синтаксисом, может подскажите
если выводить input следующим образом:
div class="item-page">
    <form action="<?php echo JRoute::_( 'index.php?view=form' )?>" method="post" class="form-validate">
         <div class="contr-label"><?php echo $this->form->getLabel( 'sottel' ); ?></div>
         <input id="phone" tabindex="2" type="text">
    </form>
</div>
То маска отрабатывает как надо, но не проходит проверка
А если таким способом:
div class="item-page">
    <form action="<?php echo JRoute::_( 'index.php?view=form' )?>" method="post" class="form-validate">
         <div class="contr-label"><?php echo $this->form->getLabel( 'sottel' ); ?></div>
         <div class="contr"><?php echo $this->form->getInput( 'sottel' ); ?></div>
    </form>
</div>
Проверка проходит, а маска не работает.
А как и рыбку съесть и на велосипеде покататься?

а XML формы показать?

а XML формы показать?

<?xml version="1.0"?>
<form>
    <fieldset>
        <field name="sottel" type="text" label="Номер телефона:" class="span3" required="true" />
   </fieldset>
</form>

Виноват, не сообразил

Проверка на уровне сервера проходит, после нажатия на кнопку отправить.
А вот на уровне клиента не хочет. Чувствую, что с синтаксисом что-то не так

странно все должно работать а как выводит в HTML само поле по <?php echo $this->form->getInput( 'sottel' ); ?>

Как обычное поле input.
Кстати интересный момент, когда вводишь данные в поля с маской ввода и нажимаешь отправить проверка заполненности полей на уровне сервера, говорит что поля не заполнены. Что за...?