Mam następujący kod dla rozwijanego wejścia wyboru, które jest stylizowane w Bootstrap.

<select class="form-control" name="businessprocess" ng-model="businessprocess" required>
    <option value="">-- Select Business Process --</option>
    <option value="C">Process C</option>
    <option value="Q">Process Q</option>
</select>

Zanim użytkownik będzie mógł przesłać ten formularz, musi wybrać proces biznesowy.

Więc umieściłemrequired dyrektywy w instrukcji select, jednak ponieważ pierwszy tag opcji ma-- Select Business Process -- która nadal liczy się jako wybrana opcja, a zatem wymagana flaga jest spełniona, a zatem formularz jest ważny, mimo że nie wybrano żadnego rzeczywistego procesu biznesowego.

Jak mogę rozwiązać ten problem?

Dziękuję Ci.