Javascript JQUERY表单验证工作不正常

基本上，当我输入textarea或textbox时，范围应该显示出来，直到符合条件为止

只有在所有三个都经过验证后，提交按钮“保存”才会显示（）

然而，所发生的一切是，当我开始使用文本框时，前两个文本框跨度会显示出来（但不是从焦点开始），但在满足条件时不会消失

       <div id="add">
        <div id="close"></div>


            <form action="" method="POST">
                <div id="name">
                    Name:<span>Please Enter Full Name</span>
                    <br/>
                    <input type="text" name="name" id="textbox">
                </div>
                <div id="company">
                    Company<span>Please Enter Company Name</span>
                    <br/>
                    <input type="text" name="company" id="textbox1">
                </div>
                <div id="review">
                    Review<span>Please Enter Review</span>
                    <br/>
                    <textarea name="comment"></textarea>
                </div>
                <div id="save">
                    <input type="submit" name="submit">
                </div>
            </form>
        </div>




        //...START OF ADDBOX
                $('span').hide();
                $('#save').hide();

                $nameText = $('#name');
                $companyText = $('#company');
                $commentText = $('#comment');


                function nameValid() {
                    if ($nameText.val().length < 5) {
                        $('#name span').show();
                    } else {
                        $('#name span').hide();
                    }
                }

                function companyValid() {
                    if ($companyText.val().length < 3) {
                        $('#company span').show();
                    } else {
                        $('#company span').hide();
                    }
                }

                function commentValid() {
                    if ($commentText.val().length < 1) {
                        $('#review span').show();
                    } else {

                        $('#review span').hide();
                    }

                }

                $nameText.focus(nameValid).keyup(nameValid).keyup(save);
                $companyText.focus(companyValid).keyup(companyValid).keyup(save);
                $commentText.focus(commentValid).keyup(commentValid).keyup(save);


                function save() {
                    if ($commentText.val().length > 0 && $companyText.val().length > 2 && $nameText.val().length > 4) {
                        $('#save').show();
                    } else {
                        $('#save').hide();
                    }


                }

姓名：请输入全名


公司请输入公司名称


复习请输入复习


//…ADDBOX的开始
$（'span'）.hide（）；
$（'#save'）.hide（）；
$nameText=$（“#name”）；
$companyText=$（“#公司”）；
$commentText=$（“#comment”）；
函数名有效（）{
如果（$nameText.val（）.length<5）{
$（'#name span'）.show（）；
}否则{
$（'#name span'）.hide（）；
}
}
函数companyValid（）{
如果（$companyText.val（）.length<3）{
$（“#公司跨度”）.show（）；
}否则{
$（“#公司跨度”）.hide（）；
}
}
函数commentValid（）{
如果（$commentText.val（）.length<1）{
$（“#查看范围”）.show（）；
}否则{
$（“#查看范围”）.hide（）；
}
}
$nameText.focus（nameValid）.keyup（nameValid）.keyup（save）；
$companyText.focus（companyValid）.keyup（companyValid）.keyup（save）；
$commentText.focus（commentValid）.keyup（commentValid）.keyup（save）；
函数save（）{
如果（$commentText.val（）.length>0&&$companyText.val（）.length>2&&$nameText.val（）.length>4）{
$（'#save'）.show（）；
}否则{
$（'#save'）.hide（）；
}
}

---

js fiddle here

您在引用文本框时使用的是

名称

s而不是它们的

id

s，因此它与任何内容都不匹配

您需要将它们引用为

#textbox、#textbox1、#comment

，并为注释框提供

id

：

$（'span'）.hide（）；
$（'#save'）.hide（）；
$nameText=$（“#文本框”）；
$companyText=$（“#textbox1”）；
$commentText=$（“#comment”）；
函数名有效（）{
如果（$nameText.val（）.length<5）{
$（'#name span'）.show（）；
}否则{
$（'#name span'）.hide（）；
}
}
函数companyValid（）{
如果（$companyText.val（）.length<3）{
$（“#公司跨度”）.show（）；
}否则{
$（“#公司跨度”）.hide（）；
}
}
函数commentValid（）{
如果（$commentText.val（）.length<1）{
$（“#查看范围”）.show（）；
}否则{
$（“#查看范围”）.hide（）；
}
}
$nameText.focus（nameValid）.keyup（nameValid）.keyup（save）；
$companyText.focus（companyValid）.keyup（companyValid）.keyup（save）；
$commentText.focus（commentValid）.keyup（commentValid）.keyup（save）；
函数save（）{
如果（$commentText.val（）.length>0&&$companyText.val（）.length>2&&$nameText.val（）.length>4）{
$（'#save'）.show（）；
}否则{
$（'#save'）.hide（）；
}
}

姓名：请输入全名


公司请输入公司名称


复习请输入复习

天哪！哈哈，我可以说我们工作了很长一周。多么愚蠢的错误啊哈。