如何将jQuery结果传递给Laravel中的number field max属性?

时间:2019-03-18 18:53:41

标签: jquery laravel

我正在使用由自动完成的jQuery脚本填充的表单。它填充产品代码,产品名称,数量和ID。表单和脚本运行良好。我的问题是我意识到我需要将jquery数量结果设置为我的数字字段(数量字段)中的MAX属性值,很不幸,我才刚刚开始学习使用jQuery进行编码。

这是我表单中的行:

<tr>
    <td><input class="form-control autocomplete_txt product_code" type='text' data-type="product_code" id='product_code_1' name='' for="1" required/></td>
    <td><input class="form-control autocomplete_txt product_name" type='text' data-type="product_name" id='product_name_1' name='' for="1" required/></td>
    <td><input class="form-control qty_in" type='number' data-type="qty_in" id='qty_in_1' name='qty_in[]' min='' max=''for="1" required/></td>
    <input class="form-control product_id" type='hidden' data-type="product_id" id='product_id_1' name='product_id[]'/>
    <input class="form-control" type='hidden' id='user_id' name='user_id' value='{{ auth()->user()->id }}' /> 
    <td><button type="button" name="add" id="add" class="btn btn-success circle"><i class="fas fa-plus-circle"></i></button></td>
</tr>

这是它的样子 enter image description here

这是自动完成的jquery脚本

//autocomplete script
$(document).on('focus','.autocomplete_txt',function(){
  type = $(this).data('type');

  if(type =='product_code' )autoType='product_code'; 
  if(type =='product_name' )autoType='name'; 
  // if(type =='qty_in' )autoType='qty_in'; 
  // if(type =='product_id' )autoType='id'; 

   $(this).autocomplete({
       minLength: 0,
       source: function( request, response ) {
            $.ajax({
                url: "{{ route('searchStock') }}",
                dataType: "json",
                data: {
                    term : request.term,
                    type : type,
                },
                success: function(data) {
                    var array = $.map(data, function (item) {
                       return {
                           label: item[autoType],
                           value: item[autoType],
                           data : item
                       }
                   });
                    response(array)
                }
            });
       },
       select: function( event, ui ) {
           var data = ui.item.data;           
           id_arr = $(this).attr('id');
           id = id_arr.split("_");
           elementId = id[id.length-1];
           $('#product_code_'+elementId).val(data.product_code);
           $('#product_name_'+elementId).val(data.name);
           $('#qty_in_'+elementId).val(data.qty_in);
           $('#product_id_'+elementId).val(data.id);
       }
   });
});

我的问题是如何将data.qty_in设置为数量编号字段属性的MAX值?这样可以防止用户在数量输入中输入大于data.qty_in的数量。提前非常感谢您!

0 个答案:

没有答案