2016-05-16 12 views
0

入力値が書き込まれると自動的に投稿したいと思います。どうか助けてくれますか?形式は次のとおりです。自動投稿送信方法

<form method="post" action="searchresults.php"> 
    <input type="text" name="searchresult"> 
    <input type="submit"> 
</form> 
+0

どのように書き込みが完了したかを判断しますか?あなたは 'onchange'を使うことができますが、彼らはまだ入力をクリックしなければならないので、なぜ送信ボタンをクリックしてください。 'onkeyup'を使用した場合、最初のボタンが押された後に提出されます。 –

+0

入力値が書かれているかどうかによって異なります。カーソルが入力フィールドから離れると?これはPHPではなくJSになります。 – chris85

+0

最初に何らかのバリデーションが必要ですか?あなたのユーザーは予期せず送信されるフォームに非常に不満を感じると思います。ほとんどの人は「Enter」を押すことを好む。 – 4castle

答えて

0

私は、単純なタイムアウトに加えて作業することをお勧めします。したがって、あなたが書いているときに自動的に提出するでしょう - 上のコード(patwoj98から)であなたは提出するまで1文字だけ書くことができます。入力に1文字以上の文字が必要な場合は、次のようにします:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script> 
    $(document).ready(function(){ 
     var srt = null; 
     $("input[type=text]").on("keyup", function() { 
      srt != null && clearTimeout(srt); 
      srt = setTimeout(function(){ 
       $("input[type=submit]").click(); 
      }, 500); 
     }); 
    }); 
</script> 
<form method="post" action="searchresults.php"> 
    <input type="text" name="searchresult"> 
    <input type="submit"> 
</form> 

これは私がこれを実現する方法です。

+0

こんにちはTusk、応答ありがとう。私はコードを試した。値を入力した後、無駄にクリックする必要があります。これは私には適していません。それは自動検出する必要があります。 –

0

これはjQueryで行う必要があります。

$('#toPost').keyup(function(){ 
 
    $('#sub').click(); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form method="post" action="searchresults.php"> 
 

 
<input type="text" name="searchresult" id="toPost"> 
 
<input type="submit" id="sub"> 
 
    
 
</form>

+0

こんにちはpatwoj98、ありがとうございます。コピーアンドペーストは機能しますが、バーコードリーダーは機能しません。 –

関連する問題