javascript简单表单验证小实验.doc

上传人:11****ws 文档编号:2990985 上传时间:2019-05-16 格式:DOC 页数:2 大小:35.50KB
下载 相关 举报
javascript简单表单验证小实验.doc_第1页
第1页 / 共2页
javascript简单表单验证小实验.doc_第2页
第2页 / 共2页
亲,该文档总共2页,全部预览完了,如果喜欢就下载吧!
资源描述

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

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 实用文档资料库 > 策划方案

Copyright © 2018-2021 Wenke99.com All rights reserved

工信部备案号浙ICP备20026746号-2  

公安局备案号:浙公网安备33038302330469号

本站为C2C交文档易平台,即用户上传的文档直接卖给下载用户,本站只是网络服务中间平台,所有原创文档下载所得归上传人所有,若您发现上传作品侵犯了您的权利,请立刻联系网站客服并提供证据,平台将在3个工作日内予以改正。