Как мне проверить эту опцию выбора, если она не выбрана?

Question

я пытаюсь проверить эту опцию выбора, но она никогда не работала. Я добавил class = 'required' и добавил правило также при проверке jquery, но оно тоже не сработало.

Мне нужно решение этой проблемы

мой код:

    <div class="form-group">
<label class="control-label col-sm-2"><font size="2" color="white">Jenis Kelamin</font></label>
<div class="col-sm-10">
<select class="form-control required" name="jk" id="gender" required/>
<option>Pilih</option>
<option value="Laki-Laki">Laki - Laki</option>
<option value="Perempuan">Perempuan</option>
</select>
</div>
&nbsp;
</div>

// add the rule here
 $.validator.addMethod("valueNotEquals", function(value, element, arg){
  return arg !== value;
 }, "Value must not equal arg.");

 // configure your validation
 $("gender").validate({
  rules: {
   jk: { valueNotEquals: "default" }
  },
  messages: {
   jk: { valueNotEquals: "Please select an item!" }
  }  
 });

Answer 1

Изменение с

<option>Pilih</option>

Кому:

<option value="">Pilih</option>

Answer 2

<form>
<select class="form-control required" name="jk" id="gender" required >
<option disabled selected></option>
<option value="Pilih">Pilih</option>
<option value="Laki-Laki">Laki - Laki</option>
<option value="Perempuan">Perempuan</option>
</select>
<button type="submit">
</form>

Answer 3

Вы можете добавить отключенный и выбранный option к вашему select, чтобы required работал правильно, заставляя пользователя сначала явно выбрать один из вариантов:

<form>
  <select class="form-control required" name="jk" id="gender" required>
    <option disabled selected></option>
    <option>Pilih</option>
    <option value="Laki-Laki">Laki - Laki</option>
    <option value="Perempuan">Perempuan</option>
  </select>
  <input type="submit">
</form>