JavaScriptのフォームの中でonblureがフォーカスを失うイベント

2035 ワード

イベントの構文
  • イベントターゲット.イベントタイプ=イベントハンドラ
  • window.function(){
    				// alert('         ');
    				}
    
    windowはイベントのターゲットイベントのタイプです.ロード=function()の後はイベントの処理プログラムです.
    
    
    	
    		
    		
    		<style>			
    		</style>		
    		<script type="text/javascript">
    			window.function(){
    				var Txt=document.getElementById('txt');
    				var span_content=document.getElementById('span_01');
    				//onblur               
    				Txt.function(){
    					//alert('===');
    					 Txt_content=Txt.value;
    					if(Txt_content=='admin'){
    						//alert('       !');
    						span_content.innerHTML='';
    						
    					}
    					else{
    						//alert('    ,     !');						
    						span_content.innerHTML='       ,     !';
    						span_content.style.color='red';
    					}
    				}
    				
    				var Pwd=document.getElementById('pwd');
    				var span_pwd=document.getElementById('span_02');
    				Pwd.function(){
    					 Pwd_Content=parseFloat(Pwd.value); 
    					if(Pwd_Content==888888){						
    						span_pwd.innerHTML='';
    					}
    					//                
    					else if(Txt_content!='admin'){
    						span_pwd.innerHTML='';
    					}				
    					else{					
    						span_pwd.innerHTML='       ,     !';
    						span_pwd.style.color='red';
    					}
    				}
    				var Sub=document.getElementById('sub');
    				Sub.function(){
    					if(Txt_content=='admin'&&Pwd_Content==888888){
    						alert('    !')
    					}
    				}
    			}	
    		</script>
    	
    	
    		    :<input type="text" id="txt"/>
    				 <span id="span_01"/><br/>		
    		  :<input type="password" id="pwd"/>	
    				<span id="span_02"/><br/>
    			  <input type="submit" value="  " id="sub"/>
    		
    
    
    
    </code></pre> 
     </div> 
    </div>
                                </div>
                            </div>