前端学习(3):javavScript权威指南 第八章 表单、表单时间及校验
2017-02-28 11:26
453 查看
1.如果表单数据不完整,如何停止表单提交操作?
DOM Level 0 的事件:在事件句柄中返回false值,并在事件句柄脚本中取消表单提交操作即可。
DOM Level 2 模型:将event对象的cancleBubble属性设置为true(针对IE),并调用其preventDefault方法(针对其他浏览器)。
2.想在表单提交之前对文本框进行验证,那么应该捕获它的 什么事件?
当一个表单域失去焦点时将触发blur事件,这时是检查文本框的值并确保其为有效数据的最佳时机。
3.如果要确保一个表单输入的内容只包含字符和空白符,应该使用什么样的代码?
var filedPattern = /^[A-Za-z\s]*$/g;
var OK = filedPattern..exec(document.forms[0].text1.value);
4.编写一段JavaScript程序代码,捕获其中一个单选按钮是触发的事件,如果其中一个按钮被单击,则启用改文本框。
首先,程序为每个单选按钮的onclick时间句柄指定一个函数:
document.forms[0].radiogroup[0].onclick = handleClick;
document.forms[0].radiogroup[1].onclick = handleClick;
如果有多个按钮,则可以通过一个for循环实现。在handleClick函数中,检查单选按钮是否被选中,并根据其结果决定是否禁用该表单元素。例如禁用submit按钮:
function handleClick () {
if ( document.forms[0].radiogroup[1].checked) {
document.forms[0].submit.disabled = true;
} else {
document.forms[0].submit.disabled = false;
}
}
DOM Level 0 的事件:在事件句柄中返回false值,并在事件句柄脚本中取消表单提交操作即可。
DOM Level 2 模型:将event对象的cancleBubble属性设置为true(针对IE),并调用其preventDefault方法(针对其他浏览器)。
2.想在表单提交之前对文本框进行验证,那么应该捕获它的 什么事件?
当一个表单域失去焦点时将触发blur事件,这时是检查文本框的值并确保其为有效数据的最佳时机。
3.如果要确保一个表单输入的内容只包含字符和空白符,应该使用什么样的代码?
var filedPattern = /^[A-Za-z\s]*$/g;
var OK = filedPattern..exec(document.forms[0].text1.value);
4.编写一段JavaScript程序代码,捕获其中一个单选按钮是触发的事件,如果其中一个按钮被单击,则启用改文本框。
首先,程序为每个单选按钮的onclick时间句柄指定一个函数:
document.forms[0].radiogroup[0].onclick = handleClick;
document.forms[0].radiogroup[1].onclick = handleClick;
如果有多个按钮,则可以通过一个for循环实现。在handleClick函数中,检查单选按钮是否被选中,并根据其结果决定是否禁用该表单元素。例如禁用submit按钮:
function handleClick () {
if ( document.forms[0].radiogroup[1].checked) {
document.forms[0].submit.disabled = true;
} else {
document.forms[0].submit.disabled = false;
}
}
相关文章推荐
- Java8学习笔记(九)--日期/时间(Date Time)API指南
- Javascript学习指南(第2版)笔记(四) 表单、表单事件及校验
- java学习时间格式
- 我的JAVA学习笔记(2)不按时间顺序
- Java学习总结之第八章 异常处理
- NetBeans IDE 4.1 快速入门指南JAVAV工程师权威认证
- 2008-4-1 今天开始学习Structs 2权威指南,希望学习顺利。。。。
- java中时间格式SimpleDateFormat的使用学习
- AJAX学习笔记之 制作自动校验的表单
- Java中Date时间获取与转化(随学习进度不断更新)
- 通过时间校验学习JavaScript正则表达式
- Flex权威指南3学习笔记之一------界面知识(一)
- java语言时间日期学习
- 【翻译作品】JavaScript DOM学习第八章:表单错误提示
- JavaScript DOM学习第八章 表单错误提示
- java学习笔记struts----action初始化时间和次数
- 通过时间校验学习JavaScript正则表达式
- 我的java学习笔记(1)不按时间顺序
- Squid中文权威指南 第八章(高级磁盘缓存主题 )
- Sun认证Java 2程序员学习指南(Exam 310-025) 第二版(影印本)