大工20春《javascript基础教程与应用》辅导资料十七
JavaScript基础教程与应用辅导资料十七主 题：课件第七章 表单验证实例学习时间：2020年7月20日－7月26日
“不忘初心、牢记使命”主题理论学习：
每周文摘：“我们既要绿水青山，也要金山银山。宁要绿水青山，不要金山银山，而且绿水青山就是金山银山。”要按照绿色发展理念，树立大局观、长远观、整体观，坚持保护优先，坚持节约资源和保护环境的基本国策，把生态文明建设融入经济建设、政治建设、文化建设、社会建设各方面和全过程，建设美丽中国，努力开创社会主义生态文明新时代。
摘选自《习近平总书记系列重要讲话读本》
内 容：
我们这周主要学习课件第七章表单验证实例的相关内容，希望通过下面的内容能使同学们加深对本章相关知识点的理解。
知识脉络：
长度限制
只能是汉字
只能是英文字母
检验时间大小
检验两次密码输入是否相同
表单不能为空
验证手机号
邮箱验证
重点与难点：
1.重点：只能是英文字母，表单不能为空。
2.难点：检验两次密码输入是否相同。一、常用JavaScript表单验证
1、长度限制
1. 长度限制
<form name=a onsubmit="return test()">? <textarea name="b" cols="40" rows="6" placeholder="不能超过50个字符！"></textarea> <br />? <input type="submit" name="Submit" value="check">? </form>
<script language="javascript">? function test()? {? if(document.a.b.value.length>50)? {? alert("不能超过50个字符！");? document.a.b.focus();? return false;? } }? </script>
2、只能是汉字
2. 只能是汉字
<input type="text" onblur="isChinese(this.value)" placeholder="请输入中文！" /> <script language="javascript">? function isChinese(obj){? var reg=/^[\u0391-\uFFE5]+$/;? if(obj!=""&&!reg.test(obj)){? alert('必须输入中文！'); return false;? }? }
</script>
3、只能是英文字母
<script type="text/javascript"> //验证只能是字母 function checkZm(zm){? var zmReg=/^*$/;? if(zm!=""&&!zmReg.test(zm)){? alert("只能是英文字母！"); return false;? }? }? </script>
4、检验时间大小
<script type="text/javascript"> //检验时间大小(与当前时间比较)? function checkDate(obj){? var obj_value=obj.replace(/-/g,"/");//替换字符，变成标准格式(检验格式为：'2009-12-10')? // var obj_value=obj.replace("-","/");//替换字符，变成标准格式(检验格式为：'2010-12-10 11:12')? var date1=new Date(Date.parse(obj_value));? var date2=new Date();//取今天的日期? if(date1>date2){? alert("不能大于当前时间！");? return false;? }? }? </script>
5、检验两次密码输入是否相同
<script type="text/javascript"> function check(){? with(document.all){? if(input1.value!=input2.value)? {? alert("密码不一致")? input1.value = "";? input2.value = "";? }? else { alert("密码一致"); document.forms.submit();? } } }? </script>
6、表单不能为空
<script language="javascript">? function CheckForm(obj)? {? if (obj.length == 0) {? alert("姓名不能为空!");? return false;? }? return true;? alert("姓名不能为空!");? }? </script>
7、验证手机号
<script type="text/javascript"> function validatemobile(mobile)? {? if(mobile.length==0)? {? alert('手机号码不能为空！'); return false;? }? if(mobile.length!=11)? {? alert('请输入有效的手机号码，需是11位！'); return false;? }? var myreg = /^(((13{1})|(15{1})|(18{1}))+\d{8})$/;? if(!myreg.test(mobile))? {? alert('请输入有效的手机号码！');? return false;? }? }? </script>
8、邮箱验证
<script language="javascript"> function test(obj){ //对电子邮件的验证 var myreg = /^(+?)*+@(+?)*+\.{2,3}$/; if(!myreg.test(obj)) { alert('请输入有效的邮箱！'); return false; } } </script> 转载注明 无忧答案网
页:
[1]