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