解决表单中第一个非隐藏的元素获得焦点的一个方案

form中又许多元素，是用例如form.element[x] 来表示；
一个元素的类型： 一个元素的类型是用 element.type 来表示
有了上面的一些了解，现在就让我们来解决第一个非隐藏元素获得焦点的方案：
首先定义 一个对象 作为方法的应用者：
var f=new Object();
然后：


代码如下:

f.getTheFirstFocus=function(){
if (document.forms.length > 0){
for (var i=0; i < document.forms[0].elements.length; i++) //遍历个元素
{ var oField = document.forms[0].elements[i];
if (oField.type != “hidden”) {oField.focus();}
return
}
}
}
};

赞 (0)

相关推荐

  • 解决表单中第一个非隐藏的元素获得焦点的一个方案

    form中又许多元素,是用例如form.element[x] 来表示: 一个元素的类型: 一个元素的类型是用 element.type 来表示 有了上面的一些了解,现在就让我们来解决第一个非隐藏元素获得焦点的方案: 首先定义 一个对象 作为方法的应用者: var f=new Object(); 然后: 复制代码 代码如下: f.getTheFirstFocus=function(){ if (document.forms.length > 0){ for (var i=0; i < docum

  • jQuery实现批量判断表单中文本框非空的方法(2种方法)

    本文实例讲述了jQuery实现批量判断表单中文本框非空的方法.分享给大家供大家参考,具体如下: 方法一: <script type="text/javascript"> /* * 批量验证表单非空 * 需要非空验证控件的样式class="mustadd" */ $(".mustadd").each(function(){ if($(this).val() == ''){ alert("该项不可为空!"); $(th

  • PHP用正则匹配form表单中所有元素的类型和属性值实例代码

    PHP用正则匹配form表单中所有元素的类型和属性值实例代码

    前言 最近工作中遇到一个需求,需要在正则匹配页面中,所有可能存在的 form 表单的元素,可能有 input,action,select,textarea等等所有可能的元素,本文给出一个代码示例.感兴趣的朋友们可以参考学习. 实例代码如下 假设页面 1.html 的网页源代码是: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>一个含有 form 表单

  • php ci 获取表单中多个同名input元素值的代码

    有时前台页面要允许动态增加/删除某项属性的多个值,比如向书架中添加书本,要可以动态增加或者删除书本.前台页面的表单中会有多个input元素,如下: 复制代码 代码如下: <form action="a.php"> <input type="text" name="books[]"/> <input type="text" name="books[]"/> <inpu

  • php获取表单中多个同名input元素的值

    有时前台页面要允许动态增加/删除某项属性的多个值,比如向书架中添加书本,要可以动态增加或者删除书本. 前台页面的表单中会有多个input元素,如下: 复制代码 代码如下: <form action="a.php"> <input type="text" name="books[]"/> <input type="text" name="books[]"/> <inp

  • vue表单中遍历表单操作按钮的显示隐藏示例

    使用情况,vue中返回的数据循环遍历如果用到v-if时不能直接赋值true 或者false,要true 或者false push到数组里面,隐藏或显示时用 splice方法. 以下是详情 1. 第一步先在data中定义数组 data () { return { passSaveShow: [], // 通行组保存和取消的显示隐藏 passEditShow: [], // 通行组编辑的显示隐藏 checkedUnLink: [], // 取消关联是否选中 valDate: [], // 有效期显示

  • 基于vue 实现表单中password输入的显示与隐藏功能

    实现效果: 点击 "眼睛" 的时候显示与隐藏 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link href="css/bootstrap.min.css" rel="external nofollow" rel="stylesheet">

  • 关于layui表单中按钮自动提交的解决方法

    layui表单中的按钮会自动提交,这是一个很麻烦的事情. 这几天项目中多次用到表单按钮,仔细研究了下,找到了解决方法: 1.如果不需要放在表单中的按钮,最好不要放在表单中,不在layui的form中的按钮就不会进行自动提交了: 2.放在表单中的按钮可以通过js中的回调函数里添加 return false制止.filter中的参数指的是按钮中的lay-filter属性中的值,这个可以自己随便设. 比如: form.on('submit(filter)',function(data){ ......

  • 解决使用layui的时候form表单中的select等不能渲染的问题

    1.使用的是动态的添加一些内容到表单里面去,然后就出现了原始的html标签样式,看了问题的解决也有,尝试了一下,以为是将form.render放到html页面里的script里就可以了,但是通过实验发现,不能放在页面里的script标签里面,应该放在你动态添加的元素的方法的后面,也就是添加的代码写完,放在这之后. 主要问题中说的要将select等标签放在 class="layui-form" 的标签元素下 $("#father").append("<

  • JS实现表单中点击小眼睛显示隐藏密码框中的密码

    领导交个一个任务,要求在表单中点击小眼睛显示隐藏密码框中的密码!在一些网站中经常会用到这样的功能,今天小编就给大家分享我的实现思路及代码 准备: 1.两张png图片,一张睁眼,一张闭眼,可以到阿里巴巴矢量图库寻找(免费下载) 最终效果图 css样式部分,样式可根据自己喜好设置,没有过硬要求 <style> div:first-child { width: 300px; height: 50px; background-color: red; color: white; margin: 20px

随机推荐