使用javascript显示成功和错误消息

问题描述：

下面是一个简单的JavaScript代码，用于显示错误消息，它现在可以正常工作了。现在，如何向此代码添加语句，指出这些错误都未提交时会显示成功消息。使用javascript显示成功和错误消息

JS

<script> 
    $(document).ready(function() { 
     $('#update').click(function() { 
       var firstname = document.getElementById('fname').value; 
       var lasttname = document.getElementById('lname').value; 
       if (firstname.length < 2) { 
        $('#em').html('First name cannot be less than 2 characters'); 
        return false; 
       } 
       if (lasttname.length < 2) { 
        $('#em').html('Last name cannot be less than 2 characters'); 
        return false; 
       } 
       if (firstname.length > 15) { 
        $('#em').html('First name cannot be more than 15 characters'); 
        return false; 
       } 
       if (lastname.length > 15) { 
        $('#em').html('Last name cannot be more than 15 characters'); 
        return false; 
       } 
      } 
     }); 
    }); 
</script>

因为你是返回，每无效情况下，它意味着如果如果达到在最后的代码语句，那么你有有效数据。因此，您可以在最后一个if语句块之后添加成功语句。 –

答

使用if-else条款，而不是简单的if条款并结束与最后一个else子句显示成功消息：

<script> 
$(document).ready(function() { 
$('#update').click(function() { 
var firstname=document.getElementById('fname').value; 
var lasttname=document.getElementById('lname').value; 
if(firstname.length<2) 
{ 
$('#em').html('First name cannot be less than 2 characters'); 

} else if(lasttname.length<2) 
{ 
$('#em').html('Last name cannot be less than 2 characters'); 

} else if(firstname.length > 15) 
{ 
$('#em').html('First name cannot be more than 15 characters'); 

}else if(lastname.length > 15) 
{ 
$('#em').html('Last name cannot be more than 15 characters'); 

} else { 
    $("#em").html("Congratulations!!!"); 
} 
} 
}); 
}); 
</script>

答

只需添加在所有的结尾显示success声明if

$(document).ready(function() { 
    $('#update').click(function() { 
     var firstname = document.getElementById('fname').value; 
     var lasttname = document.getElementById('lname').value; 
     if (firstname.length < 2) { 
      $('#em').html('First name cannot be less than 2 characters'); 
      return false; 
     } 
     if (lasttname.length < 2) { 
      $('#em').html('Last name cannot be less than 2 characters'); 
      return false; 
     } 
     if (firstname.length > 15) { 
      $('#em').html('First name cannot be more than 15 characters'); 
      return false; 
     } 
     if (lastname.length > 15) { 
      $('#em').html('Last name cannot be more than 15 characters'); 
      return false; 
     } 
     $('#em').html('Everything looks fine'); //add a statement here 
     return true; //return success 
    }); 
});

提示：既然你已经使用jquery，而是采用如下document.getElementById用户jquery版本：

实际上，我无法得到最后一个陈述，“else”陈述不起作用，那么该陈述应该是什么。 –

如果在上述情况下都不符合上述条件，则返回成功，并提交“表格”（如果有的话）。 –

答

我可以看到一个额外的收盘}这里：

} //<------this 
}); 
});

所以您可以在底部添加此问题：

var isvalid = firstname.length !== 0 && lastname.length !== 0; 
if(isvalid){ 
    $('#em').html('SUCCESS!!'); 
}

答

你可以试试这个

<script> 
$(document).ready(function() { 
$('#update').click(function() { 
var firstname=document.getElementById('fname').value; 
var lasttname=document.getElementById('lname').value; 
if(firstname.length<2) 
{ 
$('#em').html('First name cannot be less than 2 characters'); 
return false; 
} 
else if(lasttname.length<2) 
{ 
$('#em').html('Last name cannot be less than 2 characters'); 
return false; 
} 
else if(firstname.length > 15) 
{ 
$('#em').html('First name cannot be more than 15 characters'); 
return false; 
} 
else if(lastname.length > 15) 
{ 
$('#em').html('Last name cannot be more than 15 characters'); 
return false; 
} 
else{ 
$('#em').html('Success'); 
return false; 
} 

}); 
}); 
</script>

使用javascript显示成功和错误消息

相关推荐