JavaScript form validation error

Question

다른 프로그래머가 개발 한 웹 사이트에서 일하고 있습니다. db에 데이터를 입력하기 전에 자바 스크립트 유효성 검사가있는 양식이 있습니다. 그러나 나는 왜 내가이 경고를 받는지 이해하지 못한다. 아래 코드를 참조하십시오.

function save(){ 
    if (echeck(document.getElementById('email').value)==false){ 
    document.getElementById('email').focus(); 
    }else if(document.getElementById('fullname').value==''){ 
    alert("Full name is required"); 
    document.getElementById('fullname').focus(); 
    }else if(document.getElementById('handphone').value==''){ 
    alert("HP number is required"); 
    document.getElementById('handphone').focus(); 
    }else if(document.getElementById('bank_name').value==''){ 
    alert("Bank Account Name is required"); 
    document.getElementById('bank_name').focus(); 
    }else if(document.getElementById('bank_number').value==''){ 
    alert("Bank Account Number is required"); 
    document.getElementById('bank_number').focus(); 
    }else if(document.getElementById('code').value==''){ 
    alert("Captcha Code cannot be blank"); 
    document.getElementById('code').focus(); 
    }else{ 
    $.post("<?php echo base_url(); ?>index.php/misterjudi/register/", { 
     email:document.getElementById('email').value, 
     fullname:document.getElementById('fullname').value, 
     handphone:document.getElementById('handphone').value, 
     bank:document.getElementById('bank').value, 
     bank_name:document.getElementById('bank_name').value, 
     bank_number:document.getElementById('bank_number').value, 
    }, 
    function(data){ 
     alert("Successfully registered"); 
     location.href="<?php echo base_url(); ?>"; 
    }); 
    } 
} 

그래서 올바르게 이해하면 필드가 비어 있지 않은지 확인하고 있습니다. 모든 필드를 완료하더라도 ('성명이 필요합니다'와 같은) 경고를 받고 있습니다.

미리 도움을 청하십시오. ''=== 을 console.log (document.getElementById를 ('전체 이름') 값 document.getElementById를 ('전체 이름') 값 :

<table style="border:0px solid #CCC; width:100%;"> 
    <tr> 
    <td style="padding-bottom:10px; width:180px;">Email 
     <span style="color:#F00;">*</span></td><td style="padding-left:20px; padding-bottom:10px;"> 
     <input id="email" type="text" name="email" onblur="check_email(this.value);" /> 
    </td> 
    </tr> 
    <tr> 
    <td style="padding-bottom:10px;">Nama <span style="color:#F00;">*</span> 
    </td> 
    <td style="padding-left:20px; padding-bottom:10px;"> 
     <input id="fullname" type="text" name="fullname" /> 
    </td> 
    </tr> 
    <tr> 
    <td style="padding-bottom:10px;">No HP <span style="color:#F00;">*</span> 
    </td> 
    <td style="padding-left:20px; padding-bottom:10px;"> 
     <input id="handphone" type="text" name="handphone" /> 
    </td> 
    </tr> 
    <tr> 
    <td style="padding-bottom:10px;">Nama Bank <span style="color:#F00;">*</span></td> 
    <td style="padding-left:20px; padding-bottom:10px;"> 
     <select name="bank" id="bank"> 
     <?php $data=$this->dubol_model->get_bank(); ?> 
     <?php for($i=0;$i<count($data);$i++){ ?> 
     <option value="<?php echo $data[$i]['BankCode']; ?>"> 
      <?php echo $data[$i]['BankName']; ?></option> 
      <?php } ?> 
     </select> 
    </td> 
    </tr> 
    <tr> 
    <td style="padding-bottom:10px;">Nama Rekening <span style="color:#F00;">*</span></td> 
    <td style="padding-left:20px; padding-bottom:10px;"><input id="bank_name" type="text" name="bank_account_name" /></td> 
    </tr> 
    <tr> 
    <td style="padding-bottom:10px;">Nomor Rekening <span style="color:#F00;">*</span></td> 
    <td style="padding-left:20px; padding-bottom:10px;"> 
     <input id="bank_number" type="text" name="bank_account_number" /> 
    </td> 
    </tr> 
    <tr> 
    <td colspan="2"> 
     <div style="width: 430px; padding-top:20px; padding-bottom:20px; float: left; height:90px; background-color:#FFF; border:1px solid #CCC;"> 
     <img id="siimage" align="left" style="padding-right: 5px; border: 0" src="<?php echo base_url(); ?>/captcha/securimage_show.php?sid=<?php echo md5(time()) ?>" /> 
     <script type="text/javascript"> 
      AC_FL_RunContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','width','19','height','19','id','SecurImage_as3','align','middle','src','<?php echo base_url(); ?>/captcha/securimage_play?audio=<?php echo base_url(); ?>/captcha/securimage_play.php&bgColor1=#777&bgColor2=#fff&iconColor=#000&roundedCorner=5','quality','high','bgcolor','#ffffff','name','SecurImage_as3','allowscriptaccess','sameDomain','allowfullscreen','false','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','<?php echo base_url(); ?>/captcha/securimage_play?audio=<?php echo base_url(); ?>/captcha/securimage_play.php&bgColor1=#777&bgColor2=#fff&iconColor=#000&roundedCorner=5'); //end AC code 
     </script> 
     <noscript> 
      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="19" height="19" id="SecurImage_as3" align="middle"> 
      <param name="allowScriptAccess" value="sameDomain" /> 
      <param name="allowFullScreen" value="false" /> 
      <param name="movie" value="<?php echo base_url(); ?>/captcha/securimage_play.swf?audio=<?php echo base_url(); ?>/captcha/securimage_play.php&bgColor1=#777&bgColor2=#fff&iconColor=#000&roundedCorner=5" /> 
      <param name="quality" value="high" /> 
      <param name="bgcolor" value="#ffffff" /> 
      <embed src="<?php echo base_url(); ?>/captcha/securimage_play.swf?audio=<?php echo base_url(); ?>/captcha/securimage_play.php&bgColor1=#777&bgColor2=#fff&iconColor=#000&roundedCorner=5" quality="high" bgcolor="#ffffff" width="19" height="19" name="SecurImage_as3" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> 
      </object> 
     </noscript><br /> 
     <!-- pass a session id to the query string of the script to prevent ie caching --> 
     <a tabindex="-1" style="border-style: none" href="#" title="Refresh Image" onClick="document.getElementById('siimage').src = '<?php echo base_url(); ?>/captcha/securimage_show.php?sid=' + Math.random(); return false"><img src="<?php echo base_url(); ?>/captcha/images/refresh.gif" alt="Reload Image" border="0" onClick="this.blur()" align="bottom" /></a> 
     </div> 
    </td> 
    </tr> 
    <tr> 
    <td style="padding-top:10px;">Code <span style="color:#F00;">*</span></td> 
    <td style="padding-top:10px;"> 
     <input id="code" type="text" name="code" size="12" /> 
    </td> 
    </tr> 
    <tr> 
    <td colspan="2" style="padding-top:20px;"> 
     <input type="button" value=" Close " onclick="$('#register').animate({ height: 'toggle', opacity: 'toggle'}, 1000);" /> 
     <input type="button" value="Register" onclick="save();" /> 
    </td> 
    </tr> 
</table> 

Answer 1

유형 :.. 여기

는 HTML 코드); '경고 ("Fullname이 필요합니다");' 디버깅 할 수 있습니다.

이 코드는 웹 관리자 콘솔에서 해당 입력 값을 인쇄하고 빈 문자열과 같습니다. 문제를 이해하는 데 도움이 될 것 같습니다.