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>