JavaScript一个简单的验证页面

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">至少学一门前台,一门后台。</span>

最近自学JavaScript,现将一些学习实践分享给大家,本人自学小白,望大神勿喷,有什么好的想法,欢迎指教。

页面要求:

JavaScript一个简单的验证页面

知识点掌握:

1、var myname=document.myform.myname.value;获取输入框中的内容;

2、var strP=/^\d+(\.\d+)?$/;
//不是数字,返回false
if(!strP.test(Num))
return false;
return true;

正则表达式判断是否为数字;

3、函数的嵌套调用;

4、<!--

//-->

方法对javascript代码进行封装,如果浏览器不支持JS,则将其隐藏,现在使用 的浏览器一般都支持javascript,所以貌似可以忽略。

源码奉上:

<html>
<title>我的验证页面</title>
<head>
<script language="JavaScript">
<!--
function isNum(Num){
//num不存在,返回false
	if(!Num)
		return false;
	var strP=/^\d+(\.\d+)?$/;
//不是数字,返回false
	if(!strP.test(Num))
		return false;
	return true;
}
function cheform(){
	//check name
	var myname=document.myform.myname.value;
	if(myname==""){
	alert("姓名不允许为空");
	return false;
	}
	//check age
	var myage=document.myform.myage.value;
	if(!isNum(myage)){
	alert("年龄必须为数字");
	return false;
	}
	//check pwd
	var pwd=document.myform.mypwd.value;
	var pwd1=document.myform.mypwd1.value;
	if(pwd.length!=6){
		alert("密码必须是6位");
		return false;
	}
	if(pwd1!=pwd){
		alert("两次密码输入不一致");
		return false;
	}
}
//-->
</script>
</head>
<body>
	<form name="myform" onsubmit="return cheform()">
	请输入姓名:<input name="myname" type="text">不允许空值<br>
	请输入年龄:<input name="myage" type="text">必须是阿拉伯数字<br>
	请输入密码:<input name="mypwd" type="password">必须是6位<br>
	请重复密码:<input name="mypwd1" type="password">必须和上面一致<br>
	备注:<textarea name="myremark" type="textarea"></textarea><br>
	<input name="sub" type="submit" value="提交">
	</form>
</body>
</html>


上一篇:重装win7后,所有USB接口无法使用(鼠标、键盘、U盘)


下一篇:Eclipse(MyEclipse) 自动补全