Submit a form post event using jquery when user types in textbox

Question

How do I postback whenever a user types in a textbox to filter results in a div tag.

Answer 1

I think this is an interesting article for you:

jQuery Live Ajax Search Plug-in

Answer 2

There are a couple of neat jQuery plugins that do exactly this. My favorite is jQuery LiveSearch but if you google jQuery AJAX search you'll find a bunch out there.

Answer 3

<script language=javascript>
            $(document).ready(function() {
            $("#SearchBox").focus();
                $("#SearchBox").keyup(function(event) {
                    var e = window.event || e
                var keyunicode = e.charCode || e.keyCode
                //Allow alphabetical keys, plus BACKSPACE and SPACE
                if (keyunicode >= 65 && keyunicode <= 122 || keyunicode == 8 || keyunicode == 32) {
                    $("#SubBut").click();
                }

                });

            });

    function SetEnd(TB) {
                var FieldRange = TB.createTextRange();
                FieldRange.moveStart('character', TB.value.length);
                FieldRange.select();
            }  

        </script>

Add onfocus="SetEnd(this) to the properties of your search input control. This will set the caret to the end of the text.

This will only postback when an alphanumeric character is entered into the textbox, including delete.

Hope this helps someone.

Note I have only tested this on IE7 therefore some things may not work in Firefox or other browsers.