把最小长度放在jquery中？

Question

我正在尝试在jquery中的插件实时搜索中设置最小长度。当我搜索时，我完成了与我的桌子相连的实时搜索。但是我希望通过我的实时搜索进行一些验证，比如用户必须在搜索开始之前输入最少3个字符..我试图将minlength放在我的js但它不起作用..任何建议为什么？

查看

@extends('layout.default')
@section('content')
<br><br>
<br><br>
<div class="container">
    <h4>Live Search using Laravel</h4>
    <div class="col-md-6 col-lg-6 pull-right" >
        <p class="pull-right">Click on the zip logo to download the file:<p>
            <a href="/live_search_laravel.zip" download="live-search(laravel).zip">
                <br><br>
                <img border="0" src="/images/ziplogo.png" class="pull-right" alt="AngularJS" width="50" height="42">
            </a>
        </div>
    </div>
    <br>
    <div class="col-md-12 col-sm-6 col-xs-12">
        <div class="x_panel">

            <div class="x_content">
                <table class="search-table table table-hover">
                    <thead>
                    <tr>

                        <th>
                            Original File Name
                        </th>
                        <th>
                            Change File Name
                        </th>
                        <th>
                            File Extension
                        </th>
                        <th>
                            Image
                        </th>
                        <th>
                            Category
                        </th>
                        <th>
                            Status
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($data as $file)
                    <tr>

                        <td>{{ $file->original_filename}}</td> 
                        <tD>{{ $file->rs_filename}}</td>
                        <td>{{ $file->file_extension}}</td>
                        <td><img src = "files/images/{{ $file->rs_filename}}"></td>
                        <td>@if($file->category=="1"){{ "Laravel" }}@endif</td>
                        <td>
                            @if($file->status=="0")
                            <form action="/activateImage/{{  $file->id}}" method="post">
                                <input type="hidden" name="_token" value="{{{ csrf_token() }}}" />
                                <button type="submit" class="btn btn-primary">Activate</button>
                            </form>
                            @else
                            <form action="{{ url('deactivateImage', ['id' => $file->id]) }}" method="post">
                                <input type="hidden" name="_token" value="{{{ csrf_token() }}}" />
                                <button type="submit" class="btn btn-primary">Deactivate</button>
                            </form>
                            @endif
                        </td>

                    </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <h4>All Activated Images using Foreach</h4>
    @foreach($data as $file)


    @if($file->status=="1")
    <div class ="row">
        <div class ="form-group">
            <img src="/files/images/{{ $file->rs_filename }} "  width ="50px" height ="50px">
        </div>
    </div>
    @endif
    @endforeach
    <h4>All Images using the index</h4>
    <div class ="row">
        <div class ="form-group">
            <img src="/files/images/{{ $data[0]['rs_filename']}} "  width ="50px" height ="50px">
        </div>
    </div>
    <div class="col-md-6 col-lg-4 pull-right">
        <img src="/files/images/{{ $data[1]['rs_filename']}} "  width ="50px" height ="50px">

    </div>
    @stop
    @section('select2_js')
    <script type="text/javascript" src="/js/live_search_laravel/select2.js"></script>

    @stop

插件js

    /**
    **options to have following keys:
        **searchText: this should hold the value of search text
        **searchPlaceHolder: this should hold the value of search input box placeholder
**/
(function($){
    $.fn.tableSearch = function(options){
        if(!$(this).is('table')){

            return;
        }
        var tableObj = $(this),

            searchText = (options.searchText)?options.searchText:'Search: ',
            searchPlaceHolder = (options.searchPlaceHolder)?options.searchPlaceHolder:'',
            divObj = $('<div style="font-size:20px;">'+searchText+'</div><br /><br />'),
            inputObj = $('<input style="min-width:25%;max-width:50%;margin-left:1%" type="text" placeholder="'+searchPlaceHolder+'" />'),
            caseSensitive = (options.caseSensitive===true)?true:false,
            searchFieldVal = '',
            pattern = '';
        inputObj.off('keyup').on('keyup', function(){
            searchFieldVal = $(this).val();

            if(searchFieldVal.length >= 3)
            {
                pattern = (caseSensitive)?RegExp(searchFieldVal):RegExp(searchFieldVal, 'i');
                tableObj.find('tbody tr').hide().each(function(){
                    var currentRow = $(this);
                    currentRow.find('td').each(function(){
                        if(pattern.test($(this).html())){
                            currentRow.show();
                            return false;
                        }
                    });
                });
            }


        });
        tableObj.before(divObj.append(inputObj));
        return tableObj;
    }
}(jQuery));

我的JS

$(document).ready(function(){
                $('table.search-table').tableSearch({
                    searchText:'Search:'
                });
            });