我在Chrome或Firefox中没有遇到同样的错误.但是我确实认为你需要在单击“next”时进行验证才能使其正常工作:

HTML

JS

function Next() {

var blnNext = true;

var form = document.getElementById('form1');

var div = document.getElementById('div1');

var inputs = div.querySelectorAll('input[type="text"]');

for (index = 0; index < inputs.length; ++index) {

if (!inputs[index].validity.valid) {

blnNext = false;

form.querySelectorAll('input[type="submit"]')[0].click(); //Force the form to try and submit so we get error messages

}

}

if (blnNext) {

document.getElementById('div1').style.display = 'none';

document.getElementById('div2').style.display = 'block';

}

}

displaynone符合html5标准,javascript – JS HTML5验证“display:none”必需的输入元素相关推荐

  1. html5 游戏 算法,JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【圆形情况】...

    JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解[圆形情况] 发布时间:2020-10-10 13:42:43 来源:脚本之家 阅读:95 作者:krapnik 本文实例讲述了JS/HTML ...

  2. html5支持原生js,HTML5怎么学原生的js?让你对前端有了新的认识

    原标题:HTML5怎么学原生的js?让你对前端有了新的认识 已经学习了HTML5两个月,第一个月主要学习HTML和CSS,第二个月学完了原生的js,学完原生的js后对前端有了新的认识,了解了前端并不是 ...

  3. html5新增的js,HTML5新增属性data-*和js/jquery之间的交互及注意事项

    html的data-*属性是HTML5的新属性,用的时候在IE8html的data-*属性是HTML5的新属性,用来自定义属性,以在JS 中控制,用不会出问题,就是用js去获得的时候会有问题, 不过用 ...

  4. html5绘制圣诞树,【Html5】JavaScript和html5实现3D圣诞树的代码

    html5写的3D逼真圣诞树效果,HTML5确实是不错的一项新技术,简短的代码就能编写出如此级别的效果,确实不错.希望本代码能为学习HTML5的你带去一丝灵感.测试时请使用火狐浏览器,IE就至少使用9 ...

  5. html5锥形,Three.js HTML5 3D开发实例 - 彩色圆锥体

    HTML 导入代码模板: body { margin: 0px; padding: 0px; } // revolutions per second var angularSpeed = 0.2; v ...

  6. JS无法获取display为none的隐藏元素的宽度和高度的解决方案

    在实际开发中会遇到确实需要获取隐藏元素的宽高,这儿所说的隐藏元素是display为none的元素. 可使用jQuery Actual Plugin插件来完成,其源码如下: ;( function ( ...

  7. html5语言论文,关于HTML5论文

    摘要: Web2.0带来的丰富互联网技术让所有人都享受到了技术发展和体验进步的乐趣.作为下一代互联网标准,HTML5自然也是备受期待和瞩目.HTML5是近十年来Web开发标准巨大的飞跃.和以前的版本不 ...

  8. js 正则匹配邮箱_日常收集JS邮箱验证正则表达式

    背景:正则是一门厚书啊,想写好也不容易,但日常中也就那些像电话.邮箱.手机,网上一堆,但真好验证好了,还得了解一点正则知识,再就是多测试了:-) 下面邮箱正则: 中划线:中划线域名就是米农口中说的扁担 ...

  9. 15个最佳的 JavaScript 表单验证库

    客户端验证在任何项目都是不够的,因为 JavaScript 可以直接忽略,人们可以提交请求到服务器. 然而这并不意味着客户端验证都没必要了,很多时候我们需要在用户提交到服务器之前给予提示.JavaSc ...

最新文章

  1. 使用canvas绘制小程序码
  2. .NET六大剑客:栈、堆、值类型、引用类型、装箱和拆箱
  3. 车厢重组(信息学奥赛一本通-T1310)
  4. 2017c语言自学贴吧,【图片】17年1.9开启我的C语言学习之路—小白篇【c语言吧】_百度贴吧...
  5. 鸿蒙系统手机能用几年,华为鸿蒙系统何时能用到手机上?任正非:短时间做不到 重建生态需要几年时间...
  6. Java基础知识笔记整理(零基础学Java)
  7. vb导出mysql字段名_VB获取数据库字段名
  8. 如何申请并使用 eepromARMtool 工具
  9. 2018.3.4 st
  10. 高端域名出售如何选择交易平台?
  11. 000webhost – 1500M支持PHP可绑米免费虚拟主机
  12. 使用朴素贝叶斯对电影评论分类
  13. 【两周快速入门pr】三、定格动画制作-基础操作成就你的脑洞
  14. python标准库:fractions有理数
  15. Halcon九点及旋转标定流程
  16. SQL数据计数(count)
  17. 服务器集群及其优缺点!
  18. 牛客网嵌入式软件工程师面试题(一)
  19. uni-app 即时聊天
  20. xubuntu 设置音量增减快捷键

热门文章

  1. 背景和文字分离的matlab实现
  2. Matlab并行编程函数cellfun arrayfun
  3. (精简)Spring框架的IoC(替代工厂类实现方法)和AOP(定义规则,约定大于配置)
  4. curl代理ippost php_php使用curl通过代理获取数据的实现方法
  5. Matplotlib实例教程 | 配色表 colors
  6. Python入门100题 | 第054题
  7. Python编程基础:第三十一节 文件读取Read a File
  8. Youtube推荐系统是如何挖掘用户内心另一面的
  9. 写给开发向产品转型的同学的3句话
  10. tomcat架构分析(valve机制)【转】