php - 当输入参数长度=8时开始搜索

Question

我使用两个文件进行搜索。 index.html制作一个表单来调用 PHP 搜索函数 ( ss.php)

index.html 代码：

<form action="ss.php" method="get">
     <input name="q" type="text"> 
     <input type="submit"> 
</form>

和ss.php代码（php搜索功能）：

<?php
  $dir = 'ups';
  $exclude = array('.','..','.htaccess');
  $q = (isset($_GET['q']))? strtolower($_GET['q']) : '';
  $res = opendir($dir);
  while(false!== ($file = readdir($res))) {
    if(strpos(strtolower($file),$q)!== false &&!in_array($file,$exclude)) {
      echo "<a href='$dir/$file' target = '_blank'>$file</a>";
      echo "<br>";
    }
  }
closedir($res);
?>

我希望在输入参数的长度为八位时开始搜索。

编辑：

感谢每个人都解决了我使用了这个代码：

<form action="ss.php" method="get"><input name="q"
type="text" pattern=".{8,10}" title="8 to 10 characters" maxlength="10">
<input type="submit"></form>

Answer 1

$(textbox).keypress(function() {
    if(this.length >7 {   
       //ajax call
    }
});

这是您需要的格式

Answer 2

最简单的方法是在用户输入 8 个字符时附加提交事件。

试试这个 onkeyup="..." 事件：

<input name="q" type="text" onkeyup="if (this.value.length >= 8) { document.forms[0].submit() }">

编辑：

以上不允许超过 8 个字符。如果您使用的是 jquery，请尝试以下操作：

onkeyup="if (this.value.length >= 8) { $.post('/form-action', { q: this.value }, function(response){ alert(response); }); }"

Answer 3

html:

<form id='form' action="ss.php" method="get">
    <input id='input' name="q" type="text"/> 
     <input type="submit"/> 
</form>  

javascript:

var form = document.getElementById('form');
var input = document.getElementById('input');

input.onkeypress = function(){
    if(input.value.length >= 8){
        form.submit();
    }

}