Форум

ivnjavascript · #1 (**permalink**) 11.05.2015, 19:07

Добрый день.
Прошу Вас помочь решить следующую проблему:
Пробую делать автокомплит.
Есть код (еще до конца не доработан, но уже работает).

$(document).ready(function(){
		$('#query').keyup(function(){
			
			var numChars = $(this).val().length;
			
			if (numChars >= 1) {
				var queryString = $(this).val();
				$.post(
				'http://localhost/test/search.php',
				{
					queryString:queryString,
				},
				
				function(data){
					$('#autocomplete').html(data);
				}
				
				);
				
			
			}
			
			});
		});

после ввода первого символа начинает искать совпадения в базе (php кода наверно нет смысла писать сюда).
Хочу сделать так, что при вводе символа реагировал, только на кириллицу. Если не кириллицы, то и код ни чего не делает.

Спасибо за помощь.

krasovsky · #2 (**permalink**) 12.05.2015, 08:36

event.keyCode гугли

laimas · #3 (**permalink**) 12.05.2015, 08:55

//в обработчике
var re =  new RegExp(this.pattern)
console.log(re.test(this.value))

ivnjavascript · #4 (**permalink**) 13.05.2015, 16:25

Сообщение от laimas

//в обработчике
var re =  new RegExp(this.pattern)
console.log(re.test(this.value))

Если Вам не сложно, можно написать сразу на основе моего кода.
Сейчас вижу в консоле true false, но дописать пока не получается...
и сразу вопрос будет ли работать это если ,браузер не поддерживает html5?

ivnjavascript · #5 (**permalink**) 13.05.2015, 16:30

в консоле вижу true или false, я как понял надо дописывать

laimas · #6 (**permalink**) 13.05.2015, 16:50

$(document).ready(function(){
        $('#query').keyup(function(){
             
            var numChars = this.value, re =  new RegExp(this.pattern);
             
            if (numChars.lengt >= 1 && re.test(numChars)) {
                $.post(
                    'http://localhost/test/search.php', {
                        queryString: numChars,
                    }, 
                    function(data) {
                        $('#autocomplete').html(data);
                    }
                );
            }
     });
});

ivnjavascript · #7 (**permalink**) 13.05.2015, 19:24

Сообщение от ivnjavascript

Если Вам не сложно, можно написать сразу на основе моего кода.
Сейчас вижу в консоле true false, но дописать пока не получается...
и сразу вопрос будет ли работать это если ,браузер не поддерживает html5?

Сообщение от laimas

$(document).ready(function(){
        $('#query').keyup(function(){
             
            var numChars = this.value, re =  new RegExp(this.pattern);
             
            if (numChars.lengt >= 1 && re.test(numChars)) {
                $.post(
                    'http://localhost/test/search.php', {
                        queryString: numChars,
                    }, 
                    function(data) {
                        $('#autocomplete').html(data);
                    }
                );
            }
     });
});

чё то не рабоает

kostyanet · #8 (**permalink**) 13.05.2015, 21:43

регу в атрибут pattern засунули?

Я только одного не понял - как php-то работает? Ну допустим я начинаю набирать д - мне захерачивают все на д - дебил, дебильный, дебилоид - ага, допустим меня устраивает дебильный - выбираю. И значит вхождений для дебил и дебилоид - не увижу когда нажму Ок.

Еще раз. Вы не можете сделать как на яндексе или гугле без специального ПО, ну например типа сфинкса.

kostyanet · #9 (**permalink**) 13.05.2015, 21:44

да, еще локальхост - в нелокали все может выглядеть гораздо печальнее

laimas · #10 (**permalink**) 14.05.2015, 07:29

ivnjavascript,
Что именно не работает?

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script> 
$(function() {
    $('#query').keyup(function() {
        var val = this.value, re =  new RegExp(this.pattern);
        if(val.length > 1 && re.test(val)) {
            alert('Условие выполнено')
        }
    })
});
</script>     
</head> 
<body>
<input id="query" pattern="^[а-яёА-ЯЁ]+$" />
</body> 
</html>

Но такого обработчика будет мало. Пользователь может редактировать свой ввод, то есть использовать клавиши стрелка влево/вправо, а также может использовать клавишу табуляции для перемещения между полями... Поэтому обработчик должен исключать обработку нажатий этих клавиш.

Примечание: в паттерне диапазон национальных символов лучше задавать в unicode.

Форум

Справочник

Discord чат

Курсы javascript