Question

我试图验证这个选择选项，但它从未奏效。我已经添加了类=＆＃39; required＆＃39;并且在jquery验证中也添加了规则，但它也没有用。

我需要一个解决这个问题的方法

mycode：

<h1>Events</h1>
<div id="dragger" style="width:50px; height:50px; background-color: #444;"></div>

<script>
  var MyStuff = MyStuff || {};
  MyStuff.Events = (function(oEvents) {

    oEvents.bOn = function(oElement, sEventName, fCallback) {
      var fListenerMethod = oElement.addEventListener || oElement.attachEvent,
        sEventName = oElement.addEventListener ? sEventName : 'on' + sEventName;
      return fListenerMethod.call(oElement, sEventName, fCallback) ? true : false;
    };

    return oEvents;
  }(MyStuff.Events || {}));

  var fOnClick = function(e) {
    e.preventDefault();
    console.log("fOnClick");
    return false;
  };

  dDragger = document.getElementById("dragger");

  //dDragger.addEventListener("click", fOnClick);
  MyStuff.Events.bOn(dDragger, "click", fOnClick);
</script>

＆＃13;

    <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>

＆＃13;

Answer 1

您可以向option添加已禁用且已选中的select，以使required正常工作，从而强制用户先明确选择一个选项：

＆＃13;

<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>

＆＃13;

Answer 2

从

改变

<option>Pilih</option>

要：

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

Answer 3

<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>

如果未选择，如何验证此选项？

3 个答案: