>

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

- 编辑:正版管家婆马报彩图 -

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

本文实例讲述了javascript自动切换焦点控制的方法。分享给大家供大家参考,具体如下:

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程序设计有所帮助。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<head>
  <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
    var EventUtil = {
      addHandler: function(element,type, handler){
        if(element.addEventListener){
          element.addEventListener(type,handler,false);
        }else if(element.attachEvent){
          element.attachEvent("on"+type,handler);
        }else{
          element["on"+type]=null;
        }
      },
      removeHandle:function(element,type,handler){
        if(element.removeEventListener){
          element.removeEventListener(type,handler,false);
        }else if(element.detachEvent){
          element.detachEvent("on"+type,handler);
        }
      },
      getEvent:function(event){
        return event ? event:window.event;
      },
      getTarget:function(event){
        return event.target || event.srcElement;
      },
      preventDefault:function(event){
        if(event.preventDefault){
          event.preventDefault();
        }else{
          event.returnValue=false;
        }
      },
      stopPropagation:function(event){
       if(event.stopPropagation){
         event.stopPropagation();
       }else{
         event.cancelBubble=true;
       }
      }
    };
    var dom_text1=document.getElementById("text1");
    var dom_text2=document.getElementById("text2");
    var dom_text3=document.getElementById("text3");
    function switchFocus(event){
      event=EventUtil.getEvent(event);
      var target=EventUtil.getTarget(event);
      if(target.value.length==target.maxLength){
        var form=target.form;
        for(var i=0;i<form.elements.length;i++){
          if(form.elements[i]==target){
            form.elements[i+1].focus();
            return;
          }
        }
      }
    }
    EventUtil.addHandler(dom_text1,"keyup",switchFocus);
    EventUtil.addHandler(dom_text2,"keyup",switchFocus);
    EventUtil.addHandler(dom_text3,"keyup",switchFocus);
  })
  </script>
</head>
<body>
  <form id="form1">
    <input type="text" maxlength="3" id="text1"/>
    <input type="text" maxlength="3" id="text2"/>
    <input type="text" maxlength="3" id="text3"/>
  </br>
  <input type="text" />
  </form>
</body>
</html>

您可能感兴趣的文章:

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

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

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript动画特效与技巧汇总》、《javascript面向对象入门教程》及《JavaScript数据结构与算法技巧总结》

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

您可能感兴趣的文章:

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

本文由关于计算机发布,转载请注明来源:JavaScript判断表单为空及获取焦点的方法,javasc