位置: 编程技术 - 正文

JavaScript DOM学习第八章 表单错误提示(js domcontentloaded)

编辑:rootadmin
在我看来,警告框只用在浏览器不支持其他显示错误信息的办法的时候。W3C建议我们在表单项的附近显示错误信息。这是一种很好的办法,所以我们只在浏览器不支持这种高级的办法的时候才使用警告对话框。 例子 试试下面的例子。每一项都是必须的。另外我会坚持email项是否有@符号。如果没有也会提示错误信息。 解释 首先我们坚持是否支持W3C DOM。这个例子能够在mac上的IE工作,但是如果在其他页面上不能工作很正常。因为那个浏览器对W3C DOM的支持还不够,不能应对所有情况。 然后我们创建了onsubmit的事件处理程序,这个程序调用我们的验证函数validation()。 validate() 我们假设表单是验证通过了的(validForm=true),我们设置firstError=null。最终我们会给第一个错误元素一个焦点。然后创建一个字符串:errorstring,这个包含所有的错误信息。这个只针对W3C DOM浏览器。 这个vlidate()函数的核心和平常的一样。按照你想的任何顺序检查错误。当你发现了一个错误,调用writeError()然后传递给他错误的表单项和错误信息。 如果浏览器不支持W3C DOM,那就用errorString生成一个警告框。你或许想修改一下警告框的内容。 为了给用户方便,把焦点设置在第一个错误的元素上。 最后返回validaForm,如果还是true就提交表单,如果不是就停止提交。 writeError() 这个函数用来把错误信息输出到表单项上。如果失败,说明浏览器不支持W3C DOM,然后就把错误信息发送到errorstring。 这个函数会传递一个表单项和一条错误信息。 首先我们设置validForm为false:这个表单填写不正确,不应该被提交。 然后检测表单项是否已经有了一个错误提示。如果有了,就返回到validation()函数,我可不想再同一项后面有两个错误提示。 if (obj.hasError) return;检查浏览器是否支持W3C DOM: 接着给错误表单项设置一个onchange的事件处理程序: 创建一个<span>来装在错误信息,并且设置它的类为"error"。在CSS里面设置要呈现的样式。 给<span>添加一个错误信息的文本节点。 然后把这个<span>添加到相应的表单项后买(在这个例子中,每个表单项都有一个<p>标签)。 最终,给这个表单设置hasError属性。这个属性既可以用来说明有错误的表单项也可以方便将来移除错误信息。 如果这时候validForm的值还是true那么将firstError设置为现在的元素。以便于将来设置焦点。 每一个错误表单项的onchange的事件处理程序都指向这个函数。如果用户修改了相应的表单项,我们礼貌的假设错误已经修正了。因此错误信息应该消失。 首先移除表单项的类中的error项。这个用来移除特别的错误样式。 然后移除错误信息。hasError属性指向包含该信息的<span>,所以我们从表单项的父元素移除它。 翻译地址: 转载请保留以下信息 作者:北玉(tw:@rehawk)

推荐整理分享JavaScript DOM学习第八章 表单错误提示(js domcontentloaded),希望有所帮助,仅作参考,欢迎阅读内容。

JavaScript DOM学习第八章 表单错误提示(js domcontentloaded)

文章相关热门搜索词:js dom操作方法,js中dom的用法,javascriptdom编程,js dom操作方法,javascript中dom的含义,js domcontentloaded,js中dom的用法,javascript中dom的含义,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript DOM 学习第九章 选取范围的介绍 虽然我们会讲解用程序创建范围对象,但是我们把精力主要集中在如何将用户的选取范围转换成为W3C范围或者微软的文档范围对象。什么是范围范围是

JavaScript CSS修改学习第一章 查找位置 offset在所有的浏览器里面元素的offsetTop和offsetLeft两个属性都是很有用的。他们会给出你元素相对于父元素的坐标位置。这段代码会向上查找offsetParent,

JavaScript CSS修改学习第二章 样式 另外,有时候你也许想知道添加到一个元素或者链接上的样式的具体内容。而style属性只能读取元素的内联形式的样式,所以如果你想读取其他样式就

标签: js domcontentloaded

本文链接地址:https://www.jiuchutong.com/biancheng/381856.html 转载请保留说明!

上一篇:JavaScript DOM 学习第七章 表单的扩展(js dom方法)

下一篇:JavaScript DOM 学习第九章 选取范围的介绍(javascript的dom)

  • 全国税务师考试报名时间
  • 本期盈余转入累计盈余下面什么科目
  • 房产报废手续
  • 备用金现金日记账表格
  • 开发间接费什么时候计提
  • 回迁房项目的会计和税务处理
  • 固定资产抵债要交税吗怎么交
  • 账目不清什么意思
  • 进口汽车消费税的计算公式
  • 税务登记后怎么领发票
  • 充话费送手机如何缴纳增值税
  • 销项负数发票用勾选吗
  • 银行对个人借款的处理
  • 以前年度费用未入账税务处理
  • 给员工发结婚礼金怎么说
  • 收到车辆保险返还会计分录
  • 企业汇算清缴补税原因
  • 对外捐赠衣物怎样入账
  • 关于劳务派遣服务外包的案例
  • 购物发票的税是由谁承担
  • 关于土地增值税若干问题的通知
  • 资产负债表里面的应收账款包括哪些
  • 小规模纳税人如何开专票
  • 销售使用过的固定资产3%减按2%
  • surface安装win10专业版
  • 车间日常维修费用计入什么科目
  • 差旅补助需要计提吗
  • 进项票少了怎么办
  • 羊肚菌的功效和价格
  • php 二维数组
  • 不发放工资怎么办
  • 企业销售折扣在计征所得税时如何处理
  • 6372056181电子退库收入
  • Python如何检测两个相同的列表
  • 账面未分配利润等于净利润?
  • mongodb 入门
  • 委托加工应税消费品
  • 微信红包是否缴纳个税
  • sqlserver2008r2数据库导出教程
  • show processlist
  • 生育津贴现在可以打个人账户么
  • 不动产租赁可以享受加计抵减吗
  • 车辆维修费会计分录
  • 小规模纳税人所得税怎么计算
  • 长期待摊费用好处
  • 保函分为几种
  • 以股权入资该怎么办
  • 应付账款长时间收不回怎么处理呢
  • 卖固定资产如何做账
  • 资产减值损失是负的意味着什么
  • 技术转让要交所得税吗
  • 咨询服务费开票税率
  • 投资性房地产的范围
  • 在mysql中,创建数据库的基本语法格式是
  • Linux下安装MySQL5.7.19问题小结
  • FreeBSD 6.2-RELEASE下载
  • windows提升性能
  • win8系统打开软件很慢
  • 了解的近义词
  • 分布式交互
  • WIN10如何设置字体大小
  • ubuntu中安装vim
  • 怎么删除电脑windows
  • oeloader.exe - oeloader是什么进程 有什么用
  • linux如何创建ftp
  • linuxzen
  • win10registry
  • Win10专业版21h2
  • Android游戏开发读后感
  • android物理按键对应的key
  • Android:Activity+Fragment及它们之间的数据交换(一)
  • 写个置顶
  • 中间件 .net
  • cmd替换文件命令
  • js表单事件有哪些
  • 如何查询车辆购买的保险
  • 广东省国税局长是谁
  • 应纳税额减征额账务处理
  • 百旺数据恢复
  • 马云交了多少税费
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设