Как сделать поле input с ограничением (паспортные данные)? - Joomla 2.5: Общие вопросы

Необходимо поле для ввода паспортных данных.
Обычное поле я сделал, но как сделать так, чтобы поле выглядело приблизительно так:
__ __ ______
Ну или на примере телефона:
+7 (___) ______
Думаю суть вопроса понятна.
Не соображу как у яндекса спросить. Может хоть скажите как это называется?

а что за поле-то? компонент какой или шо. отвеайте поскорее, а то стол уже накрыт и т.д.)))
ищите скрипт проверки заполненности поля и далее там увидите что искать нужно)))

а что за поле-то? компонент какой или шо. отвеайте поскорее, а то стол уже накрыт и т.д.)))
ищите скрипт проверки заполненности поля и далее там увидите что искать нужно)))

Нужно поле с маской ввода

Пытаюсь нарисовать компонент...(просто разобраться)
в php-шке вывода полей рисую:

<<?php
// No direct access
defined( '_JEXEC' ) or die;
$templpath = '//components/com_form/views/form';
?>

<script language="javascript1.2" src="<?php echo $templpath ?>/jquery.js" type="text/javascript"></script>
<script language="javascript1.2" src="<?php echo $templpath ?>/jquery.maskedinput.js" type="text/javascript"></script>

<script type="text/javascript">
jQuery(function($) {
$('#date').mask('99/99/9999'); // Маска для даты
$('#phone').mask('(999) 999-99-99'); // Маска для телефона
$("#date2").mask("99/99/9999",{placeholder:"-"}); // Маска для даты с прочерками
$("#phone2").mask("(999) 999-99-99",{completed:function(){alert("Этого: "+this.val()+" достаточно!");}}); // Маска для телефона с алерт окном
});
</script>

div class="item-page">
    <form action="<?php echo JRoute::_( 'index.php?view=form' )?>" method="post" class="form-validate">
   <table>
      <tr><td style="width:160px">
         <div class="contr-label"><?php echo $this->form->getLabel( 'sottel' ); ?></div>
      </td>
      <td style="width:400px">
         <input id="phone" tabindex="2" type="text">
      </td>
      </tr>
   </table>
    </form>
</div>

Выводит поле, но маска не применяется. Где я ошибся?

А консоль фаербага чего говорит? Мне кажется у Вас просто не подцепились или  конфликтуют скрипты. И в Joomla есть специальные функции подключения скриптов и CSS http://docs.joomla.org/Category:JDocument

А консоль фаербага чего говорит? Мне кажется у Вас просто не подцепились или  конфликтуют скрипты. И в Joomla есть специальные функции подключения скриптов и CSS http://docs.joomla.org/Category:JDocument

Спасибо, разобрался, но теперь новая беда
Используя валидацию 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>
Проверка проходит, а маска не работает.