“偷懒”的表单验证Demo

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

查看全文

相关阅读:
spring-boot 访问时，加与不加项目名分析
 关于文章
 随笔
 工作小结五
 《文章翻译》PCA&SVD
工作小结四
 工作小结三
 从零开始实现SSD目标检测（pytorch）（一）
工作小结二
 《论文翻译》 GIOU

原文地址：https://www.cnblogs.com/Dicky/p/405563.html