addClass和removeClass在IE8中不起作用

2018-06-29 19:00:39

我试图验证窗体中所有需要的类，然后显示错误消息。在那addClass和removeClass不在IE8中工作。任何帮助表示赞赏。以下是代码

$('#submit_form .required').filter(':visible').each(function () {
    //$(this).next('div.error_text').remove();//Not working in IE8
    //$(this).removeClass('required');//Not working in IE8
    $(this).after('<div class="error_text">Required</div>').remove();
    if (!$(this).val()) {
        //input.addClass('required');//Not working in IE8
        $(this).css("border","1px solid #FF0004");
        $(this).after('<div class="error_text">Required</div>');
        returnVal = false;
    }
    else{
        returnVal = true;
    }
});

如果该字段未填充，则会在字段和显示消息周围创建一个红色框。因此，如果用户提交表单2或3次，则会显示多次该消息。所以我想先删除该消息，然后检查该字段是否为空，并相应地添加必需的。我试图使用addClass和removeClass，它不工作。自从1天以来，我一直在努力。可以请一些身体帮我解决这个问题.....

此代码在IE8上正常工作，您必须向我们提供更多关于您正在尝试执行的操作的数据。

你为什么试图删除类以添加它？为什么不把它删除，如果值是空的？什么是你的jQuery版本？

我做了一个小测试，在IE8上工作得很好：

<!DOCTYPE html>
<html><head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <script type="text/javascript" src="http://code.jquery.com/jquery-git.js"></script>
  <style type="text/css">
    .required {border:red solid 1px}
  </style>



<script type="text/javascript">//<![CDATA[ 
$(window).load(function(){
$('#submit_form .required').filter(':visible').each(function () {
    var $this = $(this);
    $this.next('div.error_text').remove();//Not working in IE8
if (!$this.val()) {
    $this.after('<div class="error_text">Required</div>');
    returnVal = false;
}
else{
    $this.removeClass('required');//Not working in IE8
     returnVal = true;
}
});
});//]]>  

</script>


</head>
<body>
  <form id="submit_form">
    <input type="text" class="required" value="a">

    <br>
    <input type="text" class="required" value="">
    <br>
    <input type="text" class="required" value="">
    <br>
    <input type="text" class="required" value="">
    <br>
    <input type="text" class="required" value="">
    <br>
    <input type="text" class="required" value="">
    <br>
</form>
</body></html>

链接地址: http://www.djcxy.com/p/83149.html

上一篇: addClass and removeClass not working in IE8

下一篇: Add Class to Label of Defaulted Checked Checkbox and Radio