`

用javascript判断输入的是否为空,空的话就返回该焦点

阅读更多
<%@page contentType="text/html;charset=gb2312"%>
<html>
<head>
<!-- 判断输入的是否为空,空的话就返回该焦点的javascript代码 -->
<script language="javasctipt" type="text/javascript">
  function login(){
   //thisForm是form中的name
	var form = document.thisForm;
	
	if(trim(form.name.value) == ""){
		window.alert("请输入姓名!");
		form.name.select();//或者form.name.focus()
		return;
	}
/**或像下面那样也可以
if (trim(document.thisForm.username.value)=="")
    {
        alert("请填写您的姓名!");
        document.thisForm.name.focus();
        return ;//false;
    }
*/
	if(trim(form.password.value) == ""){
		window.alert("请输入密码!");
		form.password.select();
		return;
	}

	  // 还可以做很多事情,比如在这里又调用其他的function来触发其他事件
	
    form.target = "_blank";//弹出新的页面
    form.action = "isNull.jsp";//form中的action值
    form.method = "post";
    form.submit();//提交form		
  }
  /** 修剪字串前后的空格  */
function trim(s) {
  var count = s.length;
  var st    = 0;       // start
  var end   = count-1; // end

  if (s == "") return s;
  while (st < count) {
    if (s.charAt(st) == " ")
      st ++;
    else
      break;
  }
  while (end > st) {
    if (s.charAt(end) == " ")
      end --;
    else
      break;
  }
  return s.substring(st,end + 1);
}
</script>
  
    <title>用javascript判断输入的是否为空,空的话就返回该焦点</title>
    
</head>

  <body>
  <form action="" method="post" name="thisForm" id="thisForm">
  <table>
  <tr>
    <td><input type="text" name="name" value="" maxlength="20" style="length:30px;" /></td>
    <td><input type="password" name="password" value="" maxlength="20" style="length:30px;" /></td>
    <!-- login()对应javascript中的function login() -->
    <td><input type="button" name="btnFast" onclick="login();" value="登录" /></td>
  </tr>
  </table>
  </form>
  <center>
   <h2>
    <%
     if(request.getParameter("name")!=null&&request.getParameter("password")!=null){
       out.println(request.getParameter("name")+"  "+request.getParameter("password"));
     }
    %>   
   </h2>  
  </center>
  </body>
</html>


javaScript:
<!-- 判断输入的是否为空,空的话就返回该焦点的javascript代码 -->
<script language="javasctipt" type="text/javascript">
  function login(){
   //thisForm是form中的name
	var form = document.thisForm;
	
	if(trim(form.name.value) == ""){
		window.alert("请输入姓名!");
		form.name.select();
		return;
	}
	if(trim(form.password.value) == ""){
		window.alert("请输入密码!");
		form.password.select();
		return;
	}

	  // 还可以做很多事情,比如在这里又调用其他的function来触发其他事件
	
    form.target = "_blank";//弹出新的页面
    form.action = "isNull.jsp";//form中的action值
    form.method = "post";
    form.submit();//提交form		
  }
  /** 修剪字串前后的空格  */
function trim(s) {
  var count = s.length;
  var st    = 0;       // start
  var end   = count-1; // end

  if (s == "") return s;
  while (st < count) {
    if (s.charAt(st) == " ")
      st ++;
    else
      break;
  }
  while (end > st) {
    if (s.charAt(end) == " ")
      end --;
    else
      break;
  }
  return s.substring(st,end + 1);
}
</script>


form:
<form action="" method="post" name="thisForm" id="thisForm">
  <table>
  <tr>
    <td><input type="text" name="name" value="" maxlength="20" style="length:30px;" /></td>
    <td><input type="password" name="password" value="" maxlength="20" style="length:30px;" /></td>
    <!-- login()对应javascript中的function login() -->
    <td><input type="button" name="btnFast" onclick="login();" value="登录" /></td>
  </tr>
  </table>
  </form>
分享到:
评论

相关推荐

    第八节 函数的连续性与间断点.ppt

    第八节 函数的连续性与间断点

    一种开关电源PID增量式算法.c

    开关电源

    k8s nfs provisioner v4.7.0镜像资源

    部署nfs provisioner v4.7.0镜所需镜像资源包,使用以下方式导入: ctr -n k8s.io image import csi-driver-nfs-v4.7.0.tar

    迅风羽毛球俱乐部社交平台的分析与设计(毕业论文,超高质量)

    随着计算机技术的发展,带来社会各行业的进步,信息化逐渐运用到人们的生活中。传统模式的羽毛球俱乐部教学培训满足不了现代人的生活追求,服务质量、服务速度,之前的很多羽毛球俱乐部由于人力、物理、财力等原因,一些网站无法完美的展现它的特色,优势,浪费了很多顾客资源。使用管理系统进行管理,成本大大减小,同时可借助互联网强大的流量入口,因而也降低了推广的难度。因此设计一个管理系统来解决羽毛球俱乐部场地预约、教练预约的问题,一方面可以更好的展现系统直观性,另一方面可以更好的来适应时代的发展。 本文先提出了开发迅风羽毛球俱乐部社交平台管理系统的背景意义,然后通过功能性和非功能性分析阐述本系统的需求,然后从功能设计和数据库设计两方面进行系统的设计建模。在技术设计部分采用了Java作为开发后台的编程语言,客户端使用Jsp技术,数据库选择MySQL,并说明了设计流程。综合表明,本迅风羽毛球俱乐部管理系统满足了羽毛球俱乐部场地预约的基本业务,帮助用户及时在线预定,并为羽毛球俱乐部管理员提供了高效的管理模式。

    3.1-3.2.ppt

    3.1-3.2

    tomcat配置错误页面

    404页面

    ZXMN2A14FTA-VB一款N-Channel沟道SOT23的MOSFET晶体管参数介绍与应用说明

    SOT23;N—Channel沟道,20V;6A;RDS(ON)=24mΩ@VGS=4.5V,VGS=8V;Vth=0.45~1V;

    "python-JSON转列表"文章问题相关数据

    "python-JSON转列表"文章问题相关数据

    洛谷 1003 铺地毯.cpp

    洛谷题目AC源代码

    zzzzzzzzzzzzzzzzz

    zzzzzzzzzzzzzzzzz

    智能车的案例说明.txt智能车的案例说明.txt

    智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明.txt智能车的案例说明

    红枣去核机的设计.doc

    红枣去核机的设计.doc

    数据管理体系规划建设.docx

    数据管理体系规划建设

    牛头刨床执行机构及部件设计.doc

    牛头刨床执行机构及部件设计.doc

    机械精度设计与检测题库.doc

    机械精度设计与检测题库

    Spring Boot与Vue.js实现前后端分离.md

    springboot vue前后端分离

    c语言文件读写操作代码.txt

    c知道

    Python项目开发实战:网站图片抓取工具(案例教程实例课程).pdf

    Python项目开发实战:网站图片抓取工具(案例教程实例课程).pdf

    PopClip for Mac v2024.5.1 增强型复制粘贴工具 激活版 - M芯片

    PopClip 是一款强大的文本辅助工具,它极大地提升了用户在 Mac 上处理文本时的效率和便捷性。在日常的办公、学习和生活中,我们经常需要对文本进行各种操作,如编辑、搜索、转换和分享等。然而,这些操作通常需要打开多个应用、切换窗口或进行繁琐的复制粘贴,不仅耗时费力,还容易打断我们的工作流程。 PopClip 的出现彻底改变了这一状况。当用户在 Mac 上使用鼠标选择文本时,PopClip 会智能地感知到这一操作,并立即在屏幕上方弹出一个包含多种文本处理选项的快捷菜单。这个菜单的设计非常直观和简洁,用户只需通过简单的点击或快捷键,即可快速执行所需的文本操作。 这个快捷菜单中包含了丰富的文本处理选项,满足了用户在日常使用中的多种需求。例如,用户可以直接在菜单中搜索选中的文本,而无需打开浏览器;可以将选中的文本快速翻译成其他语言;还可以将文本直接分享到社交媒体或其他应用上。此外,PopClip 还支持自定义扩展功能,用户可以根据自己的需求安装和使用各种扩展,进一步丰富文本处理的方式和选项。 通过使用 PopClip,用户可以更加高效地完成各种文本处理任务,无需离开当前应用或进行复杂的

    9锻压成型.ppt

    9锻压成型

Global site tag (gtag.js) - Google Analytics