博客

<pre name="code" class="javascript"><form name="form" id="form" method="post" action="">
用户名：<input type="text" name="txt_name" id="txt_name" size="10"/><br/>
<input type="submit" name="submit"  value="注册" onClick="return check();"><br/><br/>
</form>

<script>
   function check(){

     if(document.getElementById("txt_name").value=="") {
	 alert("请输入用户名!");
	 document.getElementById("txt_name").focus();
	 return false;
   }
   
   //或document.getElementById("form").submit();
   return true;
   }
  
</script>

实际上这个功能的实现主要是靠submit按钮中onClick事件实现的，我们分析一下这个onClick事件，事件是执行一句代码，return check( );  ，check( )函数返回true或false，所以这句代码实际就是执行

return false;

或者 return true; ，那么return false; 代表什么含义呢？return false; 实际上是window.event.returnValue=false; 的意思，这句代码有两个作用，一个是阻止事件往外冒泡，另一个是阻止浏览器默认行为，这里我们用的是后面一种功能，也就说当用户点击submit按钮以后，本来浏览器默认会提交表单，但是如果此时return false; 的话，就会阻止这个默认行为，当然return true; 的话会继续这个默认行为，或者用

document.getElementById(“form”).submit();

其功能和用户点击表单按钮等效。另外fcous()的作用是获得焦点，即这个元素被选中。