JavaScript事件处理

最新推荐文章于 2022-01-15 10:29:56 发布

望星空

最新推荐文章于 2022-01-15 10:29:56 发布

阅读量573

点赞数

分类专栏： JavaScript 文章标签： javascript input function email 编程 button

本文链接：https://blog.csdn.net/joywy/article/details/7723301

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

JavaScript中的函数定义格式：
function 函数名（参数列表){
[return 返回值]

}

<html>
	<head>
		<title>欢迎来到望星空</title>
		<script language="JavaScript">
			function validate(f){
				var value = f.email.value;
				if(!/^\w+@\w+.\w+$/.test(value)){
					alert("Email输入格式不正确");
					f.email.focus();   //让email获得焦点
					f.email.select();  //让已有的内容全选
					return false;
				}
				return true;
			}
			function show(){
				var name = document.myform.name.value;
				var sex;
				var inst = "";
				if(document.myform.sex[0].checked){
					sex = document.myform.sex[0].value;
				}else {
					sex = document.myform.sex[1].value;
				}
				for(i = 0; i < document.myform.inst.length; i++){
					if(document.myform.inst[i].checked){
						inst += document.myform.inst[i].value;	
					}
				}
				alert("性别:" + name + "." + "性别:" + sex + "兴趣:" + inst);
			}
			function showinfo(val){
				document.myform.result.value = val;
			}
		</script>
	</head>
	<body>
		<form action="show.htm" method="post" name="myform" οnsubmit="return validate(this)">
			Email:<input type="text" name="email">
			<input type="submit" value="验证"><br>
			姓名:<input type="text" name="name"><br>
			性别:<input type="radio" name="sex" value="男" checked>男
		     	<input type="radio" name="sex" value="女">女<br>
			兴趣:<input type="checkbox" name="inst" value="唱歌">唱歌
			     <input type="checkbox" name="inst" value="跳舞">跳舞
			     <input type="checkbox" name="inst" value="篮球">篮球
			     <input type="checkbox" name="inst" value="编程" checked>编程<br>
			     <input type="button" value="提交" οnclick="show()"><br>
			部门:<select name="dept" οnchange="showinfo(this.value)">
				<option value="技术部">技术部</option>
				<option value="销售部">销售部</option>
				<option value="财务部">财务部</option>
			     </select>
			结果:<input type="text" name="result" value="">
		</form>
	</body>
</html>

望星空

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript事件处理

JavaScript中的函数定义格式： function 函数名（参数列表){ [return 返回值]} 欢迎来到望星空 function validate(f){ var value = f.email.value; if(!/^\w+@\w+.\w+$/.test(value)){ al
复制链接

扫一扫