位置: 编程技术 - 正文

JavaScript DOM学习第六章 表单实例(javascript的dom操作)

编辑:rootadmin
表单实例 这是一个表单的实力。这里有一个小问题:因为我的服务器现在不支持,所以表单不能提交。我会打印出你的输入,然后返回一个false,这样表单就没有被提交。 onSubmit的代码做了两件事情:检查你是否在四个文本框里面都填写了数据,然后把所有的元素都连接起来打印在下面的文本区域中。 原文中有实例,需要童鞋请移步,我就不搬过来了。 检测文本区域 这段代码会检测用户是否在文本框内输入了内容。他会忽略复选框和单选框,但是会总提醒用户选择select box,就算你选了,也会提醒,因为他的值总是null。所以最好在你只是用来检测文本段的时候使用这段代码。 在这个例子中,我想检查0--3号元素,所以我设置一个变量i。你会注意到,我使用的是数字而不是使用name。这个就是数字好过name的一个例子。 然后我创建一个变量box,用来访问当前元素。如果不创建的话,我就需要把document.example.elements[i]写上好几遍,我可懒得写。 如果这个文本框的值为空,那么我们就需要做: 首先我们使用文本框的name,如果你的命名比较明白,那么用户也会比较好理解是哪个文本框除了问题。 作为一个附加服务,我们把焦点放置在有问题的文本框上,这样用户就能够马上填写了。因为所有的浏览器都支持,所以也不需要做检测: 然后我们返回一个false。代码停止运行,表单也不会提交。等待用户输入。 如果所有的文本框都填写了,返回true,以表示一切正常。函数停止,表单提交。 翻译地址: 转载请保留以下信息 作者:北玉(tw:@rehawk)

推荐整理分享JavaScript DOM学习第六章 表单实例(javascript的dom操作),希望有所帮助,仅作参考,欢迎阅读内容。

JavaScript DOM学习第六章 表单实例(javascript的dom操作)

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

JavaScript DOM 学习第七章 表单的扩展 想法假设你有一个在线的CD评级工具。你希望用户查看他们喜欢的所有CD。但是你怎么知道用户平均会查看多少张呢?你在这个页面上需要添加多少字段

JavaScript DOM学习第八章 表单错误提示 在我看来,警告框只用在浏览器不支持其他显示错误信息的办法的时候。W3C建议我们在表单项的附近显示错误信息。这是一种很好的办法,所以我们只

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

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

上一篇:JavaScript DOM 学习第五章 表单简介(javascript的dom)

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

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

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

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络