Javascript 如何使用Jquery显示无效反馈

Javascript 如何使用Jquery显示无效反馈,javascript,jquery,validation,Javascript,Jquery,Validation,当数据为空时,我尝试显示无效反馈,当我使用下面的代码并尝试清空字段时,这是有效的,但无效反馈的文本仍然显示它消失了 当我再次点击时消失一次 <script type="text/javascript"> $('#nama').blur(function() { if( $(this).val() != '' ) { $('#invalid-nama').css("display", "none"); }else{ $('#inva

当数据为空时,我尝试显示无效反馈,当我使用下面的代码并尝试清空字段时,这是有效的,但无效反馈的文本仍然显示它消失了 当我再次点击时消失一次

<script type="text/javascript">

    $('#nama').blur(function() {
    if( $(this).val() != '' ) {
          $('#invalid-nama').css("display", "none");
    }else{
    $('#invalid-nama').css("display", "unset");
    }
});
</script> 

$('#nama').blur(函数(){
if($(this.val()!=“”){
$(“#无效nama”).css(“显示”、“无”);
}否则{
$('#无效nama').css(“显示”,“未设置”);
}
});
然后,当用户键入但不工作时,我尝试将&&$(this).keypress(function())放入IF

<script type="text/javascript">

    $('#nama').blur(function() {
    if( $(this).val() != '' && $(this).keypress(function()) ) {
          $('#invalid-nama').css("display", "none");
    }else{
    $('#invalid-nama').css("display", "unset");
    }
});
</script> 

$('#nama').blur(函数(){
if($(this.val()!=''&$(this.keypress)(function())){
$(“#无效nama”).css(“显示”、“无”);
}否则{
$('#无效nama').css(“显示”,“未设置”);
}
});
因此,问题在于,当数据为空且在字段中键入后无效反馈消失时,如何显示无效反馈,谢谢
函数errorMessageDisplay(){
如果($(“#输入”).val()=''){
$(“#errorMessage”).text(“Error”).show();
}否则{
$(“#errorMessage”).text(“”.hide();
}
}
$(“#输入”).blur(函数(){
errorMessageDisplay();
}).keyup(函数(){
errorMessageDisplay();
});


$(文档).ready(函数(){
$('#nama').keyup(函数(){
if($(this.val()!=“”){
$(“#无效nama”).css(“显示”、“无”);
}否则{
$('#无效nama').css(“显示”,“未设置”);
}
});
});
#无效nama{
显示:无;
}
无效的

$(this).keypress(function())…
不是你想要的东西。请将所有相关代码(HTML和CSS)添加到您的问题中,以便我们可以复制您的问题并生成有效的答案。顺便说一句,不要使用keypress,验证时keypress将出现第一个字符的问题。
    <script>
        $(document).ready(function() {
            $('#nama').keyup(function() {
                if( $(this).val() != '') {
                      $('#invalid-nama').css("display", "none");
                }else{
                $('#invalid-nama').css("display", "unset");
                }
            });
        });
    </script> 
    <style type="text/css">
        #invalid-nama {
            display: none;
        }
    </style>
    <form>
    <input type="text" id ="nama">
    <div id ="invalid-nama">Invalid</div>
    </form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>