zoukankan
html css js c++ java
“偷懒”的表单验证Demo
我们在做开发时,经常要做表单验证,比如验证文本框必须填内容时,而文本框又很多时,传统的做法是逐个判断: if (form1.name.value == "") { alert("Sorry,please input your name!") form1.focus(); } 这样一来要写的代码太多了,有没有“偷懒”的方法呢,答案是肯定的,请看下面的代码:
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>“偷懒”的表单验证Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="Generator" content="EditPlus" /> <meta name="Author" content="Dicky"> <meta name="Keywords" content="Name:Dicky;QQ:25941;MSN:HaiJunGu@HotMail.Com"> <meta name="Description" content="Name:Dicky;QQ:25941;MSN:HaiJunGu@HotMail.Com"> <script language="javascript" type="text/javascript"> <!-- //剪去字符串内的所有空格 function JsTrim(str) { var newstr = "" for(var jj = 0;jj < str.length;jj ++) { var tmpstr = str.substring(jj,jj+1); if (tmpstr != " ") { newstr = newstr + tmpstr; } } return newstr; } function CheckForm() { var obj = document.body.getElementsByTagName("input"); //列出所有标签为input的集合 for (var mm = 0; mm < obj.length; mm++) { if ((obj[mm].getAttribute("type") == "text") && (obj[mm].getAttribute("name") != "Address")) //不检查Address是否输入 { if (JsTrim(obj[mm].value) == "") { window.alert(obj[mm].getAttribute("ErrorMsg")); //弹出错误提示语 obj[mm].focus(); obj[mm].select(); return false; } } } document.form1.submit(); } //--> </script> </head> <body> <form name="form1" method="post" onsubmit="return CheckForm(this);"> <div>Name:<input type="text" name="Name" errormsg="Sorry,please input your name!" /></div> <div>Sex :<input type="text" name="Sex" errormsg="Sorry,please input your sex!" /></div> <div>Age :<input type="text" name="Age" errormsg="Sorry,please input your age!" /></div> <div>Addr:<input type="text" name="Address" /> <div><input type="submit" name="Submit" value="Submit" /> <input type="reset" name="Reset" value="Reset" /></div> </form> </body> </html>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
青苹果Web应用商店
https://webapp.taobao.com/
PHP/ASP.NET/ASP/UCHOME/DISCUZ! X系列网站开发,详细需求联系
QQ:8511978
查看全文
相关阅读:
云计算分布式大数据神器Spark实战高手之旅
Spring IOC及AOP学习总结
Win7下不能查看xp系统共享的文件,解决方法
c#怎样获取excel单元格的RGB颜色
MySQL 全角转换为半角
【剑指offer】旋转数组的最小值
POJ 2524 :Ubiquitous Religions
GitLal+sourceTree版本号管理
ASP.NET MVC 过滤器(五)
Java设计模式之观察者模式
原文地址:https://www.cnblogs.com/Dicky/p/405563.html
最新文章
倒排列表求交集算法汇总
认房又认贷 政策的真正意图——限购令如果没有同时增加土地供应,只是在变相加剧未来房价的上涨
bleve搜索引擎源码分析之索引——mapping和lucene一样,也有_all
golang OOP面向对象
插值搜索——本质和二分无异,是利用数据分布的规律来定查找点,其基本假设是数据分布均匀
倒排索引的一些算法调研
倒排索引优化
倒排索引优化
ubuntu docker的安装和使用
转:一个Sqrt函数引发的血案
热门文章
字符串逆序总结
进制转换算法
c语言string.h和memory.h某些函数重复问题
相邻数字的基数不等比:skew数
相邻数字的基数等比确定进制问题pojg2972
c语言利用指针计算字符串的长度
常用的算法:求闰年,判断素数,分解质因数,完数,水仙花数等
算术基本定理
质因数分解及代码:
veridata实验举例(6)验证agent启动先后顺序是否对捕获update操作有影响
Copyright © 2011-2022 走看看