валидатор динамических полей - PullRequest
Новая
       9

валидатор динамических полей

0 голосов
/ 06 июля 2018

Я создаю страницу продаж. Введенное количество должно быть меньше или равно стоимости запаса.

JS - Добавление динамических строк 

function addMed(nm,id, price,qty) {
            var newRow = $("<tr>");
            var cols = "";
                cols += '<td class="paddingtblr5-10"><label class="txt-inverse">'+nm+'</label><input type="hidden" name="med_id[]" value="'+id+'" readonly/><input type="hidden" name="stock_qty[]" id="stock_qty_' + counter + '" value="' + qty + '" readonly/></td>';
                cols += '<td class="paddingtblr5-10"><input type="hidden" name="value_price[]" value="'+price+'" readonly/>'+price+'</td>';
                cols += '<td class="paddingtblr5-10"><input type="text" class="form-control input-sm mb3" name="qty[]" id="' + counter + '" placeholder="Enter Quantity" value="1" onchange="findTotal();" onkeyup="findTotal();" required/></td>';
                cols += '<td class="paddingtblr5-10"><span class="subtot">'+price+'</span></td>';
                cols += '<td class="paddingtblr5-10"><input type="button" class="ibtnDel btn btn-md btn-danger btn-xs"  value="Delete"></td>';
        newRow.append(cols);
        $("#medicineTable").append(newRow);
        counter++;
        $('#finalResult').html("");
        findTotal();
            // Add new field for Bootstrap Validator
          $option   = newRow.find('[name="qty[]"]');
          $('#addMedForm').bootstrapValidator('addField', $option);
      };

Проверка - Начальная загрузка валидатора 

$('#addMedForm').bootstrapValidator({
      container: 'tooltip',
      group: 'td',
      feedbackIcons: {
          valid: 'glyphicon glyphicon-ok',
          invalid: 'glyphicon glyphicon-remove',
          validating: 'glyphicon glyphicon-refresh'
      },
      fields: {
          'qty[]': {
              validators: {
                  notEmpty: {
                      message: 'Quantity is required'
                  },
                  numeric: {
                    message: 'The value is not a valid number'
                  },
                  lessThan: {
                    value: 45,
                    message: 'Please enter a value less than or equal to %s'
                  }

Как проверить, чтобы поле qty было меньше, чем stock_qty

1 Ответ

0 голосов
/ 06 июля 2018

Используйте номер типа ввода html5 для количества. А затем установите максимальное значение атрибута, равное доступному количеству запаса. 

   cols += '<td class="paddingtblr5-10"><input type="number" max="'+qty+'" class="form-control input-sm mb3" name="qty[]" id="' + counter + '" placeholder="Enter Quantity" value="1" onchange="findTotal();" onkeyup="findTotal();" required/></td>';
...