1、Javascript 介绍HTML 页面是一棵文档树,这个树的根是标签,js 则处于 HTML 中的一对标签中,在 js 中,可以通过标签的名字或者 id 来得到一个标签元素用法为:document.getElementById(“id”);或者也可以通过标签名来得到元素,不过这样得到的是一组元素,用法:document.getElementsByTagName(“tagname”)。以下是一个 js 表单验证的例子:javascript testfunction check() /得到id为name 的标签元素var name = document.getElementById(“name“
2、);/得到id为age 的标签元素var age = document.getElementById(“age“);/value为name标签的一个属性,值是用户输入到文本框中的文本,判断输入是否为空if (name.value = “) /弹出警告框,提示姓名不能为空alert(“姓名不能为空!“ );/返回flasereturn false;if (age.value = “) alert(“年龄不能为空!“ );return false;/match为正则匹配,“0-9“表示0 到9中的任意一个数字,“+“ 表示重复一次或多次if (!age.value.match(“0-9+“) al
3、ert(“不合法的年龄!“ );return false;name:age:这里大量使用了 document.getElementById(“”)方法,这是很常用的一个方法,大家应该铭记在心里。注意一点,此处用了提交按钮,即,因为是提交按钮,它自动触发提交事件,但当 onclick=”return false”时,它不会触发提交事件,我们也可以用一个 button 来代替 submit, ,不过这样,它默认不会触发提交事件,即使 onclick=”return true”时,它也不会提交表单,这时,得显式的在 check 函数中加上一句代码,通过 id 得到要提交的表单,调用 submit()方法,即:function check() .document.getElementById(“form”).submit();name:age:在使用 submit 按钮的时候,千万不能加上这一句,否则会造成表单提交两次!示例文件:FormCheck.html