按顺序取一组文本框的值 js

最新推荐文章于 2024-12-16 15:50:12 发布
原创 最新推荐文章于 2024-12-16 15:50:12 发布 · 843 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#input #generator #javascript #html #button #function

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <meta name="generator" content="editplus" />
  <meta name="author" content="yixianggao@126.com" />
  <meta name="keywords" content="javascript" />
  <meta name="description" content="for javascript region of csdn" />
 </head>

 <body>
<input type="text" name="a1" id="b1">
<input type="text" name="a2" id="b2">
<input type="text" name="a3" id="b3">
<input type="text" name="a4" id="b4">
<input type="button" id="btnShow" value="Show" onclick="showTextBoxes();" />
  <script type="text/javascript">
  <!--
function showTextBoxes()
{
    var colInput = document.getElementsByTagName("input");
    
    for (var i=0; i<colInput.length; i++)
    {
        if (colInput[i].type=="text")
        {
            if (colInput[i].value=="")
            {
                alert(colInput[i].id + " is empty.")
            }
            else
            {
                alert(colInput[i].id + " is not empty. The value is " + colInput[i].value)
            }
        }
    }
}
  //-->
  </script>
 </body>
</html>






////////////////////////////////////////

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <meta name="generator" content="editplus" />
  <meta name="author" content="yixianggao@126.com" />
  <meta name="keywords" content="javascript" />
  <meta name="description" content="for javascript region of csdn" />
 </head>

 <body>
<input type="text" name="a1" id="b1">
<input type="text" name="a2" id="b2">
<input type="text" name="a3" id="b3">
<input type="text" name="a4" id="b4">
<input type="button" id="btnShow" value="Show" onclick="showTextBoxes();" />
  <script type="text/javascript">
  <!--
function showTextBoxes()
{
    var colInput = document.getElementsByTagName("input");
    var textCollection = new Array();
    for (var i=0; i<colInput.length; i++)
    {
        if (colInput[i].type=="text")
        {
            if (colInput[i].value=="")
            {
                alert(colInput[i].id + " is empty.")
            }
            else
            {
                textCollection[textCollection.length] = colInput[i].id + " | " + colInput[i].value;
            }
        }
    }
    alert(textCollection);
}
  //-->
  </script>
 </body>
</html>


linan126
关注
20、HTML表单元素：密码框、隐藏文本框、文本区域、复选框和单选按钮详解
sss66的博客
06-10 11
本文详细介绍了HTML表单中的常见元素，包括密码框、隐藏文本框、文本区域、复选框和单选按钮。通过具体的代码示例展示了它们的定义方式、用途及事件处理机制，并提供了实际应用中的注意事项和优化建议，帮助开发者构建功能强大且交互友好的网页表单。
树控件、下拉框、文本框常用测试用例
2401_83014899的博客
07-03 705
下拉框里面有很多选项像省份可以划分下等价类，两个字的，三个字的，四个字的。有时它的内容是根据其他要素变化的，比如城市的下列框的内容，是根据省份变化而联动的；的默认状态是怎样的。5）执行了某一操作或数据有变化后，修改后的数据是不是在正确的位置上，状态是否正确，排序是否正确。1）点某个节点时，是否只展开下一级的节点和显示该级的叶子还是显示下一级全部的。2）点页面刷新时，树结构是否按照要求变化，树结构是否保存现状还是呈默认状态。2、中文、英文、空格，数字，字符，下划线、单引号 等所有特殊字符的组合；
【工具JS】js获取txt文本的内容
最新发布
刻痕
12-16 875
## 【工具JS】js获取txt文本的内容 js读取文本文件的内容，这里有两个常见方式： ### 1.FileReader方式 ```javascript const reader = new FileReader(); reader.readAsText(file); reader.onload = function () { const content = reader.result; console.log(content); }; ``` ### 2.fetch
关于JS循环取值，可是得到的数据顺序不是按照顺序渲染到页面
weixin_39602215的博客
08-04 1498
如图，append的值一直是随机顺序的，然后在这个ajax的请求加上async:false的属性后就是按顺序的了 因为当async: false 时，ajax请求是同步的，因为ajax的async默认是true，即异步。 ...
js数组对象排序详解
dazu9487的博客
06-01 640
一、js对象遍历输出的时候真的是按照顺序输出吗？ 　　下边就来实践一下： var obj={'3':'ccc',name:'abc',age:23,school:'sdfds',class:'dfd',hobby:'dsfd'}; Object.keys(obj) 输出：["3", "name", "age", "school", "class", "hobby"]； ...
android 按顺序点选验证码
周小凡的博客
06-26 1709
最近需求要用到点选验证码，百度一波之后发现android端的点选验证码基本没有，没办法只能造轮子了，初步实现功能，欢迎指教，纠正！ 效果截图如下 github项目地址https://github.com/zhengshuaizhou/verifyCode 项目中两个主要的类，一个是生成汉字的类，一个是继承RelativeLayout的自定义布局 自定义布局在xml文件中 直...
Web页面文本框组件
03-09
例如，在一个发送请求到服务端的应用中，必须包含请求顺序、优先级、超时响应、错误处理及回调，其中许多元素已经在Web服务中包含了，就像现在的SOA。AJAX开发人员拥有一个完整的系统架构知识。同时，随着技术的成熟...
如何用JavaScript屏蔽页面右键菜单同时允许文本框右键菜单显示
这通常是因为当鼠标右键被按下并触发了页面的`contextmenu`事件时，文本框的右键菜单同样被默认行为所抑制。 ### 3. 解决方案的思路分析 解决上述问题的思路涉及到了事件顺序和事件处理。核心在于： - 当页面初始...
javascript编程必备_JS语法字典第1/2页
10-30
JavaScript是一种广泛使用的高级编程语言，它赋予网页以动态交互能力。作为前端开发的核心技术之一，掌握JavaScript的基本语法和功能对于任何想要进行网页开发的程序员来说都是不可或缺的。接下来，将针对上文提供的...
js验证汉字正则表达式
gysea123321的博客
07-31 2575
DOCTYPE html> html lang="en"> head> meta charset="UTF-8"> title>Documenttitle> head> body> script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js" type="text/javascript">scrip
按顺序获取key的值
weixin_30768175的博客
10-18 564
data = {'a':7,'b':9,'c':10}key = []for i in sorted(data.items()): key.append(i[0])print(key) 转载于:https://www.cnblogs.com/laosun0204/p/9811896.html
js 把数组中每个元素的某个字段取出
weixin_30670965的博客
02-22 9847
方法一：map（） let cities = [ 　　{city:"北京",bOn:false},　　{city:"上海",bOn:false},　　{city:"重庆",bOn:false},　　{city:"广州",bOn:false},　　{city:"西安",bOn:false}]; 　letcity= cities.map((item) =>{ 　　　re...
使用顺序点击汉字验证码方式登录，验证码图片的生成java
weixin_44246694的博客
01-11 5525
项目要求修改原本验证码登录为顺序点击图片验证码登录 验证码登录： 顺序点击汉字验证码登录： 这里就不讲解前端样式如何做的了，因为我是前后端分离，所以只做后端接口开发，将后台生成的图片返回给前台，前台监控鼠标，按照点击所获得的坐标进行保存，并发送给后台，后台生成图片验证码时会将汉字的坐标存储到redis或者ehcache中做一个缓存，当校验的请求进入之后，对前后端的坐标进行校验，成功后，然后校验密码，如果密码正确登录成功。 设计图如下：（涉及到一些业务场景不完全相同） 直接使用流将图片返回给前台，前台使
写一个输入框并将输入的结果在文本框中排序
柚的个人技术博客
09-23 3144
我的第一个javaScript小demo，也意味着开启了我的JS demo之旅  ~~ //写一个输入框并将输入的结果在文本框中排序 var i=0; var val = new Array(); function cmp(a,b){ return a<b;//将输入的数字从大到小排序。 } function paixu(){ val[i++] = d
使用jquery实现图形点击文字按顺序验证码案例及代码完整版
小徐的博客
02-13 3631
首先进入这个网站:https://www.51qianduan.com 搜索验证码 网站为https://www.51qianduan.com/article/10774.html 如图 点击下载解压后如图: 在项目中导入css文件js文件image文件 图片可以自己选择没有要求注意图片格式要一直 创建jsp文件代码为: <%-- Created by IntelliJ IDEA. ...
按顺序写input框
前端技术
11-15 3011
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; ..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值