您的位置:首页 > Web前端

前端学习(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;

             }

      }
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息