0

http://htmlweb.ru/ajax/example/search.php делал все в точности как на сайте. Как сделать так что бы проверяло сколько записано в поисковой строчке и начинало поиск только тогда когда будет больше 3 символов в текстовом поле?

В теге head:

<script language="javascript" src="ajax_framework.js"></script>

В body:

<h2>Ajax Search Engine</h2>

<form id="searchForm" name="searchForm" method="post" action="javascript:insertTask();">
    <div class="searchInput">
    <input name="searchq" type="text" id="searchq" size="30" onkeyup="javascript:searchNameq()"/>
    <input type="button" name="submitSearch" id="submitSearch" value="Search" onclick="javascript:searchNameq()"/>
    </div>
</form>

<h3>Search Results</h3>
<div id="msg">Type something into the input field</div>
<div id="search-result"></div>

ajax_framework.js:

/* -------------------------- */
/*   XMLHTTPRequest Enable    */
/* -------------------------- */
function createObject() {
var request_type;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
request_type = new ActiveXObject("Microsoft.XMLHTTP");
} else {
request_type = new XMLHttpRequest();
}
return request_type;
}

var http = createObject();

/* -------------------------- */
/*        SEARCH              */
/* -------------------------- */
function searchNameq() {
searchq = encodeURI(document.getElementById('searchq').value);
document.getElementById('msg').style.display = "block";
document.getElementById('msg').innerHTML = "Searching for <strong>" + searchq+"";
    // Set te random number to add to URL request
    nocache = Math.random();
    http.open('get', 'in-search.php?name='+searchq+'&nocache = '+nocache);
    http.onreadystatechange =  searchNameqReply;
    http.send(null);
    }
    function searchNameqReply() {
    if(http.readyState == 4){
    var response = http.responseText;
    document.getElementById('search-result').innerHTML = response;
    }
}  

Поиск в базе in-search.php:

include('config.php');
$searchq = $_GET['name'];
$getName = mysql_query('SELECT * FROM USER WHERE name LIKE "%'.addslashes($searchq).'%"');
while ($row = mysql_fetch_array($getName))
    echo $row['name'] . '<br/>';
2
  • используйте sphinx быстрый и лёгкий поисковый движок
    – Naumov
    25 июл 2016 в 12:48
  • Если вам дан исчерпывающий ответ, отметьте его как верный (галочка напротив выбранного ответа)
    – Mihanik71
    25 июл 2016 в 13:06

1 ответ 1

3

В JS добавить проверку на длину строки поиска:

function searchNameq() {
    if(document.getElementById('searchq').value.length > 3){
        ....
    }
}

В PHP Добавить проверку на длину строки поиска:

if(strlen($_GET['name']) > 3 ){
    $searchq = $_GET['name'];
    $getName = mysql_query('SELECT * FROM USER WHERE name LIKE "%'.addslashes($searchq).'%"');
    while ($row = mysql_fetch_array($getName))
        echo $row['name'] . '<br/>';
}
6
  • Нужно выбрать только одно или надо и то и то?
    – BedOmar
    25 июл 2016 в 13:12
  • Ну смотря где вы хотите делать проверку, по хорошему и там и там нужно проверять
    – Mihanik71
    25 июл 2016 в 13:13
  • Большое спасибо помогло! Можете еще с кое чем помочь?С этим же скриптом
    – BedOmar
    25 июл 2016 в 13:16
  • Создавайте вопрос
    – Mihanik71
    25 июл 2016 в 13:18
  • Хорошо я вас ссылку скину, возможно вы тоже знаете ответ
    – BedOmar
    25 июл 2016 в 13:19

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.