您的位置:首页 > Web前端 > JavaScript

js判断表单输入是否为空

2015-03-28 21:21 375 查看
<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()的作用是获得焦点,即这个元素被选中。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: