Проверка формы для динамических форм PHP - PullRequest
Новая
       12

Проверка формы для динамических форм PHP

0 голосов
/ 24 марта 2019

Я создаю динамическую форму, которая просит пользователей выбрать определенные даты и присвоить вес этой конкретной дате.Пользователь может добавить до 12 входов, используя новую кнопку строки.

Мне нужно проверить эту форму и убедиться, что пользователь не выбирает один и тот же ввод даты из поля выбора, а весовые коэффициенты для всех добавленных значений даты составляют всего 100. Я не уверен, что использовать для проверкичасть.

Пока я могу убедиться, что формы не пусты при попытке отправки.

Вот мой HTML и JS-код для динамической формы

HTML: 


<form method="post" action="viewInventory.php" id="insert_form">
              <div class="col-lg-12">
                <div class="panel panel-default">
                  <div class="panel-body">
                    <div class="table-repsonsive">
                       <table class="table table-borderless" id="item_table">
                        <tr>
                         <th>Month</th><br>
                         <th>Weight</th>
                        </tr>
                        <tr>
                          <input class = 'form-control' type = 'hidden' name = 'example' value = 8>
                          <td><select name="month[]" class="form-control item_unit" required><option value="" disabled>Select Product</option><option value="01">January</option><option value="02">February</option><option value="03">March</option><option value="04">April</option><option value="05">May</option><option value="06">June</option><option value="07">July</option><option value="08">August</option><option value="09">September</option><option value="10">October</option><option value="11">November</option><option value="12">December</option></select></td>
                          <td><input type="number" name="weight[]" class="form-control item_name" required /></td>
                          <td><button type="button" name="add" class="btn btn-success btn-sm add">+</button></td>
                        </tr>
                       </table>
                    </div>
                  </div>
                </div>
              </div>

               <div class="col-lg-12">
                 <div align="center">
                  <a href="#confirm" data-target="#confirm" data-toggle="modal"><button type="button" class="btn btn-success">Submit</button></a>
                 </div>
               </div>

               <!-- // modal -->
               <div id="confirm" class="modal fade" role="dialog">
                   <div class="modal-dialog">
                           <div class="modal-content">

                               <div class="modal-header">
                                   <h4>Notice</h4>
                                   <button type="button" class="close" data-dismiss="modal">&times;</button>
                               </div>

                               <div class="modal-body">
                                   <div class="text-center">
                                     <p>
                                       <h6>Confirm Job Order?</h6>

                                     </p>
                                   </div>
                                   <div class="modal-footer">
                                       <input type="submit" id="submit" name="choose" class="btn btn-success" value="Continue" />
                                       <button type="button" class="btn btn-default btn-outline-secondary" data-dismiss="modal">Close</button>
                                   </div>
                               </div>
                       </div>
                   </div>
               </div>

             </form>

И мой JS: 

<script type="text/javascript">
  $(document).ready(function(){

   $(document).on('click', '.add', function(){
      var html = '';
      html += '<tr>';
      html += '<td><select name="month[]" class="form-control item_unit"><option value="">Select Month</option><option value="01">January</option><option value="02">February</option><option value="03">March</option><option value="04">April</option><option value="05">May</option><option value="06">June</option><option value="07">July</option><option value="08">August</option><option value="09">September</option><option value="10">October</option><option value="11">November</option><option value="12">December</option></select></td>';
      html += '<td><input type="number" name="weight[]" class="form-control item_name" required /></td>';
      html += '<td><button type="button" name="remove" class="btn btn-danger btn-sm remove">x</button></td></tr>';
      $('#item_table').append(html);
     });

     $(document).on('click', '.remove', function(){
      $(this).closest('tr').remove();
     });

  });
</script>

Пользователь долженне сможет продолжаться, если общий вес не будет равен 100 и если в полях выбора нет повторяющихся записей.

...