输入被删除时javascript div消失

我有一个关于以下方面的问题：

我有一个带有

显示：none

的div。一旦用户在输入字段中键入文本（使用jQuery show（）方法），就会出现此div。一切正常，但一旦我删除输入字段中键入的文本，我希望DIV再次消失。我的尝试：

如果输入为空，则将另一个

函数

与jQuery

hide（）

函数一起使用，但它会阻止触发使用show（）的函数（因为默认情况下输入明显为空）

任何想法都将不胜感激

这是我的剧本：

function password1Security()

{
var pwd1 = document.getElementById("password1");
var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
var pwdsft = document.getElementById("passwordSafetyLevel1");

{
if (strongRegex.test(pwd1.value)){pwdsft.innerHTML = '<span style="color:green;">Safe</span>'} else if (mediumRegex.test(pwd1.value)) 

{pwdsft.innerHTML = '<span style="color:orange;">Quite Safe</span>'} else {pwdsft.innerHTML = '<span style="color:red;">Unsafe</span>'};
}
};

function passSafetyAppear1()

{$("#passwordSafety1").show()};

function showPassSafety1()

{
password1Security();
passSafetyAppear1();
};

</script>

<input name="password1" id="password1" type="password" size="15" maxlength="20" style="width:500px; height:30px;" 

onKeyUp="showPassSafety1()"/>
<br/>

<span name="passwordSafety1" id="passwordSafety1" style="font-size:12pt; display:none;">Your password is <b 

name="passwordSafetyLevel1" id="passwordSafetyLevel1"></b>.</span><br/>

函数密码1安全性（）
{
var pwd1=document.getElementById（“密码1”）；
var strongRegex=newregexp（“^（？=.{8，}）（？=.[A-Z]）（？=.[A-Z]）（？=.[0-9]）（？=..*\\W）。*$，“g”）；
var mediumRegex=newregexp（“^（？=.{7，}）（（（？=.[A-Z]）（？=.[A-Z]））|（（？=.[A-Z]）（？=.[0-9]））|（（？=.[A-Z]）（？=.[0-9]））.$，“g”）；
var pwdsft=document.getElementById（“passwordSafetyLevel1”）；
{
if（strongRegex.test（pwd1.value））{pwdsft.innerHTML='Safe'}else if（mediumRegex.test（pwd1.value））
{pwdsft.innerHTML='相当安全'}其他{pwdsft.innerHTML='不安全'}；
}
};
函数passSafetyAppear1（）
{$（“#passwordSafety1”）.show（）；
函数showPassSafety1（）
{
密码1安全性（）；
PassafetyAppear1（）；
};


您的密码是。

提前谢谢大家,

Pierre

在模糊上执行该操作（当输入失去焦点时）。使用这样的代码和适当的选择器来实现这一点：

$('input-selector').blur(function(){
    if(!$(this).val())
        $('div-selector').hide();
});

---

您可以按照以下方式进行操作：

$('input').keyup(function() {
    if ($(this).val().length > 0) $('div').show();
    else $('div').hide();
});​

---

尝试一下…

分享您的实际脚本和标记。感谢您的快速响应，我将尝试：）我已经尝试了所有三种可能性，但都没有成功。是否有可能检查用户是否删除他在输入字段中键入的内容？我一直在寻找类似的东西，但到目前为止没有任何成功。有人有主意吗？

$('input-selector').keyup(function(){
        if ($(this).val().length > 0)
           $('div-selector').show();
        else
           $('div-selector').hide();
});