Jquery .show Issue on IE

Question

我有一个表单，当填充某些输入时，表单下方将显示另一个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>

它适用于所有浏览器，除了 IE - 关于如何解决这个问题的任何建议？

Answer 1

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>

Javascript 将事件绑定到错误的元素。它应绑定到inputs而不是表单。 此外，为每个输入传入的选择器应该是使用 css id 选择器的字符串文字。

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

也不需要 IE 条件。 Jquery的show()/hide()方法是跨浏览器兼容的。示例：http://jsfiddle.net/DEfVS/1/

Answer 2

IE不喜欢建议的ID或名称选择器，你没有以正确的方式使用它。指定要定位的选择器。

例如：取代

$(fullname)

跟

$('#fullname')

等等...

顺便说一下，在您的示例代码中看不到任何 ID 为"formarea"的表单。并删除它：if($.browser.msie){...}它毫无用处。