JavaScript一个简单的验证页面

最新推荐文章于 2021-11-07 23:14:35 发布

weixin_33932129

最新推荐文章于 2021-11-07 23:14:35 发布

阅读量143

点赞数

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/36846

版权

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

最近自学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" οnsubmit="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>

weixin_33932129

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript一个简单的验证页面

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">至少学一门前台，一门后台。</span>最近自学JavaScript，现将一些学习实践分享给大家，本人自学小白，望大神勿喷，有什么好的想...
复制链接

扫一扫