Question

只是一个小问题，因为我在圈子里跑。

基本上在Internet Explorer中，即使我的输入有效，它也不会更新我的span内容。对于其他浏览器，范围内容将更改。

就是这样，我希望有人看看小提琴，可以帮助我。感谢

HTML

    <form action="javascript:void(0);" id="formId1" name="validateForm1">
  <table class="inputTables" id="create_trck_table1">
    <thead>
      <tr>
        <th>Attribute</th>
        <th>Value</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>ID</td>
        <td><input id="id1" maxlength="9" title="e.g AMS30-E3" type="text" required>&nbsp;&nbsp;<span></span></td>
      </tr>
    </tbody>
  </table>
</form>

<p id="myP">
</p>

CSS

input[type="text"]:invalid+span::after {
  color: red;
  content: "X";
}

input[type="text"]:valid+span::after {
  content: "\2713";
  color: limegreen;
}

Javascript（Jquery）

$(':input').on('keydown', function() {
  var valid = $('#id1').is(':valid');
  $('#myP').html('The Input is ' + valid);
})

Answer 1

通过将其添加到CSS

来修复它

    input[value=""] + span::after 
    {
    content: "";
    }

http://jsfiddle.net/qnt5zew8/

即使输入有效，Internet Explorer也不会更改范围内容

1 个答案: