<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>