AJAX проверка для формы регистрации

Небольшая модификация стандартной формы регистрации, которая позволит на лету проверять свободен ли логин или занять. Ее можно, в принципе, использовать для проверки чего угодно, например email и т.д.

Итак что нам делает стандартная форма регистрации. При совпадении логина или email пользователя перезагружается вся страница, мало того все введенные данные не сохраняются, и приходиться вводить их еще раз. Это как то не очень удобно.

В стандартной форме регистрации, подключается mootools, я приведу пример на нем. Открываем стандартный шаблон регистрации (Joomla ROOT\components\com_user\views\register\tmpl\default.php), поставим  сразу кодировку UTF-8 без BOM, в верху видим javascript, добавим к нему нашу функцию, он будет выглядеть так.

<script type="text/javascript">
<!--
 Window.onDomReady(function(){
 document.formvalidator.setHandler('passverify', function (value) { return ($('password').value == value); } );
 
 var log = new Element('span').injectAfter($('username'));
 $('username').addEvent('keyup', function(e) {
 if ($('username').value.length > 1) { //Здесь устанавливаем с какого символа начинать проверку.
 log.setHTML('Проверяю...');
 var username = $('username').value;
 var url = 'index.php?option=com_user&task=chekusername&format=row&username='+encodeURIComponent(username);
 new Ajax(url, {
 method: 'post',
 onComplete: function(response) {
 var res = Json.evaluate(response);
 if (res) {
 log.setHTML('Логин занят');
 $('username').addClass('invalid');
 } else {
 log.setHTML('Логин свободен');
 $('username').removeClass('invalid');
 }
 }
 }).request();
 } else {
 log.empty();
 
 }
 }); 
 });
// -->
</script>
 

Дальше нужно добавить функцию в контроллер (Joomla ROOT\components\com_user\controller.php), можно в конец, пред последней "}".

 function chekusername()
 {
 $username = JRequest::getVar('username');
 $db =& JFactory::getDBO();
 
 $query = 'SELECT id' .
 ' FROM #__users' .
 ' WHERE LOWER( username ) = '.$db->quote($db->getEscaped($username), true);
 $db->setQuery( $query );
 $result = $db->loadResult();
 
 $result ? $result = true : $result = false;
 
 echo json_encode($result);
 }

Теперь имя пользователя будет проверяться после каждого введенного символа в поле username. Аналогично можно сделать для email.

• 1
• 2
• 3
• 4
• 5