JavaScript判断表单为空及获取焦点的方法,javascript表单

本文实例讲述了JS实现方向键切换输入框焦点的方法。分享给大家供大家参考。具体如下:

JavaScript判断表单为空及获取焦点的方法,javascript表单

本文实例讲述了JavaScript判断表单为空及获取焦点的方法。分享给大家供大家参考,具体如下:

<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>javascript获得焦点</title>
</head>
<script language="JavaScript">
  function aa()
  {
   if(document.forms[0].elements[0].value.length==0)
   { alert("姓名不可以为空");
   document.forms[0].elements[0].focus();
   return false;
  }
  else if(document.forms[0].elements[1].value.length==0)
   { alert("密码不可以为空");
   document.forms[0].elements[1].focus();
   return false;
  }else {return true;}
  }
</script>
<body>
<form action="/ok.jsp" method="post" name="form1" onSubmit="return aa();">
用户名<input type="text" name="name" >
密码<input type="password" name="password">
<input type="submit" value="提交">
</form>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

澳门新葡亰平台游戏网站 ,这里实现js方向键控制切换输入框焦点效果,不过无法兼容Firefox。当输入完毕按回车或按方向键可移动焦点至想要输入的文本框内,无需点击鼠标,对于经常录入数据的时候,这种功能可提高输入速度。

您可能感兴趣的文章:

  • javascript自动切换焦点控制效果完整实例
  • JS实现方向键切换输入框焦点的方法
  • javascript实现按回车键切换焦点
  • Javascript中自动切换焦点实现代码
  • JavaScript 回车 焦点切换
  • js实现获取焦点后光标在字符串后
  • js/jquery获取文本框输入焦点的方法
  • 通过JS来判断页面控件是否获取焦点
  • js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
  • JavaScript 关于元素获取焦点(隐藏元素与div)

本文实例讲述了JavaScript判断表单为空及获取焦点的方法。分享给大家供大家参考,具…

运行效果截图如下:

在线演示地址如下:

具体代码如下:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"""html xmlns=""headtitleJS方向键切换输入框焦点/titlemeta "Content-Type" content="text/html; charset=utf-8" //headbodytable border="1" onkeydown="keyDown(event)" tr td input /td td input /td td input /td td input /td /tr tr td input /td td input /td td input /td td input /td /tr tr td input /td td input /td td input /td td input /td /tr tr td input /td td input /td td input /td td input /td /tr tr td input /td td input /td td input /td td input /td /tr /table script language="javascript" type="text/javascript" !-- var inputs=document.getElementById("mm").getElementsByTagName("INPUT"); function keyDown(event) { var focus=document.activeElement; if(!document.getElementById("mm").contains(focus)) return; var event=window.event||event; var key=event.keyCode; for(var i=0; iinputs.length; i++) { if(inputs[i]===focus) break; } switch(key) { case 37: if(i0) inputs[i-1].focus(); break; case 38: if(i-4=0) inputs[i-4].focus(); break; case 39: if(iinputs.length-1) inputs[i+1].focus(); break; case 40: if(i+4 inputs.length) inputs[i+4].focus(); break; } } //-- /script /body/html

希望本文所述对大家的javascript程序设计有所帮助。

You can leave a response, or trackback from your own site.

Leave a Reply

网站地图xml地图