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;
}
}