使用javascript显示成功和错误消息。 [英] Displaying success and error messages using javascript.

问题描述

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

<脚本> 
 $（ document ）。ready（ function （）{
 $（< span class =code-string>' ＃update'）。click（ function  （）{
  var  firstname =  document  .getElementById（'  fname'）。value; 
  var  lasttname =  document  .getElementById（'  lname'）。value ; 
  if （firstname.length<  2 ）{
 $（< span class =code-string>' ＃em'）。html（' 名字不能小于2字符）; 
  return   false ; 
} 
  if （lasttname.length<  2 ）{
 $（' ＃em'）。html（'  姓氏不能少于2个字符'）; 
  return   false ; 
} 
 如果（firstname.length>  15 ）{
 $（' ＃em'）。html（'  名字不能超过15个字符'）; 
  return   false ; 
} 
  if （lastname.length>  15 ）{
 $（' ＃em'）。html（'  姓氏不能超过15个字符）; 
  return   false ; 
} 
} 
}）; 
}）; 
< / 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（' 名字不能少于2个字符'）;
return false ;
}
if （lasttname.length< 2 ）{

Here is a simple javascript code for displaying error messages it works fine now how to add a statement to this code that states when none of these errors are committed display a success message.

<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>

解决方案

(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) {

这篇关于使用javascript显示成功和错误消息。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！