表单判断值是否为空

<script type="text/javascript">
   function check(fm){
     	 
    	 if(document.fm.username.value==""||document.fm.passwd.value==""){
    	 alert("用户名或者密码不能为空!");
    	 document.fm.username.focus();
    	 return false;
    	 }
    	 return true;
   }
   </script>

 <center>
    <h2>用户登录</h2> 
    <form action="servlet/login" name="fm" method="post" onsubmit="return check(this)">
    <label>用户名:</label><input type="text" name="username" id="username" style="width:140px"/><br/>
    <label>&nbsp;&nbsp;&nbsp;&nbsp;码:</label><input type="password" name="passwd" id="passwd" style="width:140px"/><br/><br/>
    <bt><input type="submit" value="登录" />
    <input type="button" value="注册" onclick="window.location.href='register.jsp'">
    <input type="reset" value="重置"/></bt>
    </form>
    </center>




<script type="text/javascript">
   function check(fm){
     	 for(i=0;i<fm.length;i++){
     	   if(fm.elements[i].value=="")
     	   alert("注册内容不能为空哦!");
    	   fm.elements[i].focus(); 
    	   return false;
    	 }
    	 return true;
  }
 </script>


<form action="servlet/register" name="fm" method="post" onsubmit="return check(this)">
    <h2>用户注册</h2> 
            用户名:<input type="text" name="username" style="width:140px"/></br>
    <label>密码:</label><input type="password" name="passwd" style="width:140px"/></br>
    <span>性别:</span><input type="radio" name="sex" checked="checked" value="1"/><input type="radio" name="sex" value="2"/></br>
    <label>年龄:</label><input type="text" name="age" style="width:140px"/><br/>
    &nbsp;&nbsp;<span>专业:</span><select name="major"><option value="1">软件工程</option><option value="2">冶金工程</option></select></br>
            手机号:<input type="text" name="phone" style="width:140px"/></br>
    <label>邮件:</label><input type="text" name="email" style="width:140px"/></br></br>
    <input type="submit" value="提交"/>
    <input type="reset" value="重置"/>
    <input type="button" value="返回登录" onclick="window.location.href='login.jsp'"> 
    </form>
posted @   zhaocundang  阅读(4162)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
· SQL Server 2025 AI相关能力初探
历史上的今天:
2017-06-01 MacOS下MySQL配置
点击右上角即可分享
微信分享提示