如何在更改时删除span消息和错误类

Question

如何删除此邮件。

<span class="hidden-480">
<span class="help-block error" for="pwidth">Please enter a positive integer (or) six decimal number.</span>
<span class="help-block error" for="pheight">Please enter a positive integer (or) six decimal number.</span>

任何人都回答这个问题

Answer 1

如果要删除单跨度上的错误类。所以你必须给像

这样的id

<span id="span1" class="help-block error" for="pwidth">Please enter a positive integer (or) six decimal number.</span>

然后使用JavaScript

$('#span1').removeClass('error');

如果你想从所有范围中删除类，那么

 $('span).removeClass('error');

Answer 2

您输入有效号码时可以尝试使用toggleClass删除error并添加hide课程，

$(function() {
  $('#inptWidth').on('change', function() {
    // you validation here
    var state = Number(this.value) > 0;
    $('span[for=pwidth]').toggleClass('error', !state).toggleClass('hide',state);
  });
});

span {
  display: block
}

.error {
  color: red
}

.hide {
  display: none
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<span class="hidden-480">
  <span class="help-block error" for="pwidth">Please enter a positive integer (or) six decimal number for width.</span>
</span>
<input id="inptWidth" placeholder="Width" />

Answer 3

$( ".target" ).change(function() {
  $('span).removeClass('error');
});