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()的作用是获得焦点,即这个元素被选中。
相关文章推荐
- JS判断表单输入是否为空(示例代码)
- JS判断表单输入是否为空
- JS判断表单输入是否为空
- JS判断表单输入是否为空(示例代码)
- 表单提交时js页面不刷新判断输入是否为空
- js获得form表单的值$('#form1').serializeObject()/serialize()/serializeArray对比及判断表单中是否有输入框未输入值
- 用JS怎么判断表单是否输入全是空格?
- JS判断表单输入是否为空(示例代码)
- JS【判断输入表单是否为空、两次输入密码是否相同】
- Js检测判断URL网址输入是否正确
- js关于输入内容是否为空,以及输入数字,时间,长短是否正确的判断
- JS 判断输入的日期是否正确
- js 几种常用的表单输入判断
- 【转】js判断输入是否中文,数字,身份证等等js函数
- js 几种常用的表单输入判断
- js如何判断输入是否为正整数、浮点数等数字的函数
- js判断输入是否为正整数、浮点数等数字的函数
- js 几种常用的表单输入判断
- js如何判断输入是否为正整数、浮点数等数字的函数