使用jQuery自动完成的Laravel验证

使用jQuery自动完成的Laravel验证,jquery,autocomplete,laravel-4,Jquery,Autocomplete,Laravel 4,我正在用一个Laravel表单字段运行jqueryautocomplete 它从我的数据库中获取数据 Specialty Area Examples: Real Estate, Mortgage Lenders, Renovation, Buyer's Agent, Listing Agent, Relocation, Short-Sale, Consulting, Local Experts, Refinancing, Architecture, Home Building, Carpentr

我正在用一个Laravel表单字段运行jqueryautocomplete

它从我的数据库中获取数据

Specialty Area Examples: Real Estate, Mortgage Lenders, Renovation, Buyer's Agent, Listing Agent, Relocation, Short-Sale, Consulting, Local Experts, Refinancing, Architecture, Home Building, Carpentry, Electrical, Engineering, Interior Design, Landscaping, Painting, Plumbing, Appraisal, Commercial Property, Insurance, Legal, Conveyancing, 
用户可以输入其中一个示例,自动完成将在字段中完成其余的示例

我想限制用户在表单字段中最多输入4个专业领域示例。因此,用户可以键入,例如:

房地产、卖空、咨询、当地专家

之后,不应允许用户输入更多数据


我不知道如何使用Laravel实现这一点。

使用Jquery自动完成功能可以执行以下操作:

  • 您必须使用自动完成的HTML代码
  • 使用Ajax POST从服务器端获取数据
  • Jquery代码应该是这样的:

    var data=[ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl" ];   
    
    $( "#tags" ).autocomplete({
        //source: data
        source: function(request, response) {
            var results = $.ui.autocomplete.filter(data, request.term);
            response(results.slice(0, 2));
        }
    });
    
  • 其中“data”是一个数组,包含字符串格式的值列表。 您可以使用从
    ajaxpost
    而这将被用作一种力量

    使用此链接可获得更好的参考:

    要获取键入的最小长度字符串的自动完成值,请查看以下内容:

    演示:

    $("#txtBox").keypress(function (e) {
        var input = $(this).val() + String.fromCharCode(e.which);
        if (input.split(',').length > 4) {
            e.preventDefault();
        }
    });