使用jquery向materializedcss select添加必需属性

Question

我尝试使用jQuery将required属性添加到materializedcss选择输入。

＆＃13;

＆＃13;

$(document).ready(function() {
  $('select').material_select();
  $("#my_button").click(function() {
    $("#my_select").prop('required', true);
    $("#email").prop('required', false);
  });
});

＆＃13;

@import "https://fonts.googleapis.com/icon?family=Material+Icons";

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" />
<div class="container">
  <div class="row">
    <form class="col s12">
      <div class="input-field col s12 required">
        <select id="my_select">
            <option value="" disabled selected>Choose your option</option>
            <option value="1">Option 1</option>
            <option value="2">Option 2</option>
            <option value="3">Option 3</option>
          </select>
        <label>Materialize Select</label>
      </div>
      <div class="input-field col s12">
        <input id="email" type="email" class="validate">
        <label for="email">Email</label>
      </div>
      <a id='my_button' class="waves-effect waves-light btn">button</a>
      <button class="btn  waves-effect waves-light" type="submit" name="action">Submit
        <i class="material-icons right">send</i>
      </button>
    </form>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

查看DOM，添加了属性，但由于某些原因，验证似乎没有正确完成。当我添加＆＃39; required＆＃39;属性直接验证工作正常。

有一些代码可以使验证看起来不错（from here），但没有它会得到相同的结果。我对此比较陌生，所以我会很感激任何线索。 感谢

Answer 1

你写了TJavaObjectArray，这就是为什么它没有添加$("#email").prop('required', false);元素所需的input作为id。

更改此行：

email

到

$("#email").prop('required', false);

点击$("#email").prop('required', true);即会添加

和required。