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

Имеется поле input в него необходимо ввести число, оно....к примеру должно быть не меньше 100 и не больше 500.
Казалось бы все просто, но почему-то не выходит)))
В xml-ке я описал поле как:

<field name="summ" id ="summ" maxlength="5" type="text" label="Сумма:" class="span3" required="true" />

Оно обязательно и максимум 5 символов..
В шаблоне сделал вывод данного поля:

<div class="contr1"><?php echo $this->form->getInput( 'summ' ); ?> (рублей)</div>
                     <script type="text/javascript">      
                     $(document).ready(function() {
                     $('.contr1').keypress(function(key) {
                     if(key.charCode > 57) return false;
                     });
                     });   
                     </script>

Скрипт отрабатывает дабы вводились только цифры (ну и точка с запятой).
Как можно реализовать проверку поля на минимальную и максимальную сумму на этапе ввода. Средствами PHP я конечно же сделаю, но нужно именно на этапе ввода.
Заранее благодарен!

Может с помощью JQwuery можно реализовать?

У вас обработчик события запускается по нажатию клавиши на клавиатуре.
Как вы хотите чтобы он понял что вы завершили ввод числа ?
Можно сделать проверку значения по нажатию клавиши enter например..

У вас обработчик события запускается по нажатию клавиши на клавиатуре.
Как вы хотите чтобы он понял что вы завершили ввод числа ?
Можно сделать проверку значения по нажатию клавиши enter например..

А можно ли как-то: ПРИ ВЫХОДЕ ИЗ ПОЛЯ?

Есть события focus и blur для input поля, ну и mouseout еще

$('.contr1').blur(function() {...} или $('.contr1').mouseout(function(){...} можете попробовать

$('.contr1').blur(function() {...} или $('.contr1').mouseout(function(){...} можете попробовать

Вопрос по синтаксису:
$('#jform_summ').blur(function() { if ($('#jform_summ').value>500) alert("Сумма превышает 500");});
Вот так не работает..Хотел проверить вообще работу BLUR:
$('#jform_summ').blur(function() { alert("Сумма превышает 500");});
Так работает, но нет проверки)))
Подскажите где ошибся?

$('#jform_summ').value
$('#jform_summ').val()

Спасибо, сам разобрался))
$('#jform_summ').blur(function() { if($('#jform_summ').val() > 500) alert('***');  });

И последний самый глупый вопрос, а как вернуть фокус в input?

$('#jform_summ').focus();

$('#jform_summ').focus();

Это куда надо вставить?

В обработчик на событие blur я так понимаю, если функцию focus() без обработчика вызывать то она искусственно передает фокус элементу

$('#jform_summ').blur(function() { if($('#jform_summ').val() > 500) alert('***'); $('#jform_summ').focus(); });

как то так

$('#jform_summ').blur(function() { if($('#jform_summ').val() > 500) alert('***'); $('#jform_summ').focus(); });

как то так

Так я пробовал, но не хочет возвращать фокус

попробуйте так: $('#jform_summ').blur(function() { if($('#jform_summ').val() > 500) alert('***'); setTimeout(function() { $("#jform_summ").focus(); }, 50); });