jquery - 当用户在文本框中输入超过 5 个字符时执行函数

Question

当用户在文本框中输入超过 5 个字符时，我尝试运行 jQuery 函数。到目前为止，我已经设法使用 keyup 函数运行我的脚本，但这会导致脚本在用户输入第一个字符时运行，而我只希望它在用户输入 5 个或更多字符时运行字符。

这是我的代码，我是 jquery 的新手，所以如果有人能告诉我我哪里出了问题，我将非常感激。提前致谢，

<script type="text/javascript">
    $(function() {
        //alert('Document is ready');
        $('#search').keyup(function() {
            if ($("#search").val().length > 3)
                var sel_stud = $(this).val();
                //alert('You picked: ' + sel_stud);

                $.ajax({
                    type: "POST",
                    url: "include/fetch_search.php",
                    data: 'theOption=' + sel_stud,
                    success: function(whatigot) {
                        //alert('Server-side response: ' + whatigot);
                        $('#search_results').html(whatigot);
                        $('#theButton').click(function() {
                        alert('You clicked the button');
                    });
                } //END success fn
            }); //END $.ajax
        })}; //END dropdown change event
    }); //END document.ready
</script>

Answer 1

试试这个。您忘记将键放在 if 语句上。

<script type="text/javascript">
            $(function() {
//alert('Document is ready');

                $('#search').keyup(function ()  {
                    if($("#search").val().length > 5) {

                        var sel_stud = $(this).val();

                        $.ajax({
                            type: "POST",
                            url: "include/fetch_search.php",
                            data: 'theOption=' + sel_stud,
                            success: function(whatigot) {
    //alert('Server-side response: ' + whatigot);
                                $('#search_results').html(whatigot);
                                $('#theButton').click(function() {
                                    alert('You clicked the button');
                                });
                            } //END success fn
                        }); //END $.ajax
                    }
                })}; //END dropdown change event
            }); //END document.ready
        </script>

这就是你所拥有的:

if($("#search").val().length > 3)

if 语句不会执行任何操作，您必须在其中包装一些代码，这就是上面代码的作用(并将 3 更改为 5 :S)。