Проверка формы JQuery не работает

Question

У меня есть эта JQuery Mobile Form, которая отправляет данные в базу данных MySQL. Я хотел бы проверить все поля по мере необходимости. Однако это не работает, и я не могу найти ошибку.

Это первая часть формы. Я помещаю «обязательный» в поля ввода.

<form id="form-haftpflicht" method="post"> 
<div data-role="fieldcontain"> 
    <fieldset data-role="fieldcontain"> 
     <label for="versicherungsbeginn"><b>Versicherungsbeginn</b></label> 
     <input type="date" name="versicherungsbeginn" id="versicherungsbeginn" value="" required /> 
    </fieldset> 
    <fieldset data-role="fieldcontain"> 
     <label for="erwachsene" class="select"><b>Anzahl Erwachsene:</b></label> 
     <select name="erwachsene" id="erwachsene" data-role="none" required> 
      <option value="standard" data-placeholder="true">-- Bitte wählen --</option> 
      <option value="1">1</option> 
      <option value="2">2</option> 
      <option value="3">3</option> 
      <option value="4">4</option> 
      <option value="5">5</option> 
      <option value="6">6</option> 
      <option value="7">7</option> 
      <option value="8">8</option> 
      <option value="9">9</option> 
      <option value="10">10</option> 

     </select> 
    </fieldset> 
    <fieldset data-role="fieldcontain"> 
     <label for="kinder" class="select"><b>Anzahl Kinder:</b></label> 
     <select name="kinder" id="kinder" data-role="none" required> 
      <option value="standard" data-placeholder="true">-- Bitte wählen --</option> 
      <option value="1">1</option> 
      <option value="2">2</option> 
      <option value="3">3</option> 
      <option value="4">4</option> 
      <option value="5">5</option> 
      <option value="6">6</option> 
      <option value="7">7</option> 
      <option value="8">8</option> 
      <option value="9">9</option> 
      <option value="10">10</option> 

     </select> 
    </fieldset> 
</div> 

А вот мой скрипт с API

$(document).ready(function() { 

     $("#store-haftpflicht").click(function() { 
      $("#form-haftpflicht").submit(); 
     }); 
     $("#form-haftpflicht").submit(function (event) { 
      event.preventDefault(); 
      $("#ajax-loader").css("display", "block"); 
      $.ajax({ 
       url: 'http://app.lovanet.ch/app/store_haftpflicht.php', 
       data: $(this).serialize(), 
       method: 'POST', 
       success: function (data, status) { 
        $("#ajax-loader").css("display", "none"); 
       }, 
       error: function() { 
        output.text('Keine Prämien gefunden.'); 
       } 
      }); 
     }); 
    }); 

Answer 1

select считается пустым (и то недействительна, если поле является обязательным), если выбран параметр имеет пустое значение (""), но у вас есть значение ("standard").

Чтобы устранить проблему с проверкой, просто замените «стандартное» значение в первом варианте для «»:

<select name="kinder" id="kinder" data-role="none" required> 
    <option value="" data-placeholder="true">-- Bitte wählen --</option> 
    <option value="1">1</option> 
    <option value="2">2</option>