JavaScript一个简单的验证页面

来源：互联网发布：linux ls 隐藏文件编辑：程序博客网时间：2024/05/17 03:38

<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不存在，返回falseif(!Num)return false;var strP=/^\d+(\.\d+)?$/;//不是数字，返回falseif(!strP.test(Num))return false;return true;}function cheform(){//check namevar myname=document.myform.myname.value;if(myname==""){alert("姓名不允许为空");return false;}//check agevar myage=document.myform.myage.value;if(!isNum(myage)){alert("年龄必须为数字");return false;}//check pwdvar 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>

0 0