九、表单
1. 验证表单(Validating a Form)
Q:我如何在表单数据提交服务器之前进行验证?
A:要验证表单的输入,可以在表单的onSubmit
事件处理器中调用你的验证函数。当用户提交表单时,浏览器首先会调用onSubmit
事件处理器。事实上,只有这个处理器返回true
时,表单才会被提交。在下面的例子中,onSubmit
事件处理器验证了用户email地址。(为了简单期间,如果地址中没有空格、包含@,并且@既不在开始也不在结尾,就认为该地址合法。)注意,处理器本身必须包含一个return
语句,为了向浏览器返回ture
或者false
。
你的Email:
这个例子使用的代码:
2. 组合输入域(Combining Input Fields)
Q:我可以只从一个文本域获取一个以上的值从而节省表单的空间吗?
A:可以。例如,你可以显示一个文本输入域和一个选择框。使用这个选择框,用户可以选择要在文本域中输入哪个类型的值。实际上,所有输入值都通过hidden表单元素提交到了服务器。试一下这个例子:
Your name:
Your email address:
Your country:
这个表单由下面的JavaScript代码创建:
3. 回车键会起作用吗?(Will the Enter key work?)
Q:当用户按下Enter键时,我的表单会被提交吗?
A:在多数浏览其中,如果你的表单只有一个文本输入域,按下Enter键会提交表单。(表单也可能会包含其他输入元素,如复选框、下拉选择框、单选按钮、密码输入域、隐藏域等等。)
4. 使单选按钮不可选(Disabling a Radio Button)
Q:我如何在一个表单中让一个单选按钮不可用(即使其不可选)?
A:要让一个单选按钮不可选,可以在按钮的INPUT标记中使用onClick事件处理器,如下:
在下面的例子中,“Courier delivery”选项是不可用的。试一下——你会得到警示框:Sorry, this option is not available!
Delivery method (choose one):
download
regular mail
courier delivery
分享到:
相关推荐
JavaScript凌厉开发——Ext详解与实践 源码 源代码 part3 因为源代码比较大,压缩后76M左右 所以分为四个包上传
JavaScript凌厉开发——Ext详解与实践_源码清单JavaScript凌厉开发——Ext详解与实践_源码清单JavaScript凌厉开发——Ext详解与实践_源码清单
JavaScript凌厉开发——Ext JS3详解与实践JavaScript凌厉开发——Ext JS3详解与实践
JavaScript网页开发——体验式学习教程.pdf JavaScript网页开发——体验式学习教程.pdf
JavaScript凌厉开发——Ext详解与实践
实现HTML界面设计、布局的方法。 实现各种控件的使用方法。 实现对界面项目进行表单验证的方法。 实现表单标记,表单提交方式、编码方式等知识点。
JavaScript实战手册——第七版代码 对应书籍 http://download.csdn.net/detail/yyysuki/3704463 【此书为英文原版
Applet与Javascript的对话——让你的Javascript代码和Java Applet融洽地合作.pdf
JavaScript凌厉开发——Ext详解与实践_源码清单.rarJavaScript凌厉开发——Ext详解与实践_源码清单.rarJavaScript凌厉开发——Ext详解与实践_源码清单.rar
JavaScript凌厉开发——Ext详解与实践 源码 源代码 part1 因为源代码比较大,压缩后76M左右 所以分为四个包上传
JavaScript凌厉开发——Ext详解与实践 源码 源代码 part4 因为源代码比较大,压缩后76M左右 所以分为四个包上传
JavaScript凌厉开发——Ext详解与实践 源码 源代码 part2 因为源代码比较大,压缩后76M左右 所以分为四个包上传
教你一天玩转JavaScript(五)——使用JavaScript完成注册页面表单提示及校验
JavaScript毕业设计——篮球赛事助手源码。已获高分通过项目。 在功能上实现创建比赛,统计参赛人员,统计比赛得分与犯规次数。 安装教程 启动服务器操作 (1) 找到服务器 woao_server 所在文件,点击进去文件 (2...
JavaScript 自动播放——Js幻灯片缓冲效果.rarJavaScript 自动播放——Js幻灯片缓冲效果.rarJavaScript 自动播放——Js幻灯片缓冲效果.rarJavaScript 自动播放——Js幻灯片缓冲效果.rarJavaScript 自动播放——Js...
1.实现JavaScript事件注册; 2.实现JavaScript事件处理函数; 3.实现JavaScript鼠标和键盘事件;...4.实现JavaScript表单相关事件; 5.实现JavaScript字幕滚动事件; 6.实现JavaScript编辑事件;
javascript弹出层表单提交代码,就是点击按钮后,弹出一个form表单让你填写,等你填好后再提交
JavaScript学习笔记——表单与数据完整性
JavaScript不可抵挡的诱惑哦!JavaScript不可抵挡的诱惑哦!JavaScript不可抵挡的诱惑哦!
张孝祥老师生前鸿篇巨著。包括html,CSS,DOM编程,javaScrip语法,脚本编程的相关技术,正则表达式。