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>