Javascript 在IE上显示问题

我有一个表单，当某些输入被填充时，另一个div将显示在表单下面。代码如下：

<form>

<div class="fieldtitle">Full Name:* </div><input type="text" value="" name="fullname" id="fullname" />
<div class="fieldtitle">Email:* </div><input type="text" value="" name="email" id="emailfield" />
<div class="fieldtitle">Contact No:* </div><input type="text" value="" name="contact" id="contact" />

</form>

<div id="demo1" style="width:300px; display:none;"></div>

<script type="text/javascript">

$("#formarea").keyup(function(){
    if($(fullname).val() && $(emailfield).val() && $(contact).val() && $(quantity).val()) {
        $("#demo1").show();
        if($.browser.msie){
           $('#demo1').css({"visibility":"visible"});
        }
    } else {
        $("#demo1").hide();
    }

});

</script>

全名：*
电邮：*
联络电话：*
$（“#formea”）.keyup（函数（）{
if（$（全名）.val（）&&&$（emailfield）.val（）&&&&$（联系人）.val（）&&&$（数量）.val（））{
$（“#demo1”）.show（）；
如果（$.browser.msie）{
$（'#demo1'）.css（{“可见性”：“可见”}）；
}
}否则{
$（“#demo1”）.hide（）；
}
});

---

它在所有浏览器上都能工作，除了IE-有没有关于如何解决这个问题的建议？

IE不喜欢建议的id或名称选择器，你没有正确使用它。指定要针对的选择器

e、 g: 替换

与

等等

顺便说一下，在示例代码中看不到任何ID为“formarea”的表单。

---

如果（$.browser.msie）{…}它是无用的。

html缺少数量字段，这将导致Javascript中的逻辑问题

<form>
    <div class="fieldtitle">Full Name:* </div><input type="text" value="" name="fullname" id="fullname" />
    <div class="fieldtitle">Email:* </div><input type="text" value="" name="email" id="emailfield" />
    <div class="fieldtitle">Contact No:* </div><input type="text" value="" name="contact" id="contact" />
    <div class="fieldtitle">Quantity:* </div><input type="text" value="" name="quantity" id="quantity" />
</form>

    <div id="demo1" style="width:300px; display:none;">Test</div>

也不需要IE条件。Jquery的

show（）/hide（）

方法是跨浏览器兼容的。

---

示例：

IE根本不起作用，或者根本不符合您的期望？有什么错误吗？这是为什么

if（$.browser.msie）{$（'#demo1'）.css（{“可见性”：“可见”}）}

jquery.show（）方法本身应该是跨浏览器兼容的。嘿，id为formrea的元素在哪里？IE中没有发生任何事情-div保持隐藏。

$('#fullname')

<form>
    <div class="fieldtitle">Full Name:* </div><input type="text" value="" name="fullname" id="fullname" />
    <div class="fieldtitle">Email:* </div><input type="text" value="" name="email" id="emailfield" />
    <div class="fieldtitle">Contact No:* </div><input type="text" value="" name="contact" id="contact" />
    <div class="fieldtitle">Quantity:* </div><input type="text" value="" name="quantity" id="quantity" />
</form>

    <div id="demo1" style="width:300px; display:none;">Test</div>

$("input").keyup(function(){
    if($("#fullname").val() && $("#emailfield").val() && $("#contact").val() && $("#quantity").val()) {
        $("#demo1").show();
    } else {
        $("#demo1").hide();
    }
});