function validateForm() {
var x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("需要输入名字。");
return false;
}
}
</script>
</head>
<body>
<form name="myForm" action="demo_form.php"
onsubmit="return validateForm()" method="post">
名字: <input type="text" name="fname">
<input type="submit" value="提交">
</form>微信是大家比较熟悉的社交软件，而依托于微信这个十亿多流量存在的小程序，则越来越多种多样，那么如何制作一个活动打卡小程序呢？线上签到打卡的玩法有哪些？
在现实生活中，签到打卡我们可以使用手写签到，每个人在事先打印好的电子表格里，写下自己的姓名进行签到；或者可以在签到墙上进行签到，拍照打卡。
除此之外，我们还可以进行电子签到打卡，电子签到的好处是简化信息登记的手续，便于活动现场的控场、信息传递以及活动后的客户跟进、调查反馈。AR签到、刷脸签到等则是在信息收集的基础上，尽可能把活动做得更有趣，满足大众的猎奇心理，同时达到活动传播的目的。
下面我们介绍的这个，就是通过微信小程序的方式来实现的一个电子化的打卡方式，活动发起者，可以创建活动，设置好活动信息，然后转发给参与者进行打卡活动。参与者只要微信扫一扫活动的二维码即可加入参加活动。整个系统的使用方法介绍如下：
首先，活动发起者，可以通过这个微信小程序，创建一场活动，然后在这场活动里设置一个或者多个点位供大家打卡签到。
每个点位可以设置点位的介绍，设置这个地点的经纬度，以及需要在这个地点周围多少米范围内才能打卡签到。也可以设置签到的时间，比如是每天的8：00—18：00签到。
用户进入到活动以后，只要走到了活动设置的点位周围指定的范围内，就可以实现打卡签到。在打卡签到的过程中，为了实现趣味性，还可以发表打卡心情，发文字配上图片。并可以获取自己的运动步数。根据运动步数进行排名等。
同时还可查看本次打卡活动排行榜数据，排行榜是最能让成员了解自我的功能之一。通过排行榜，成员可以查看到自己与他人的数据排名状况，在了解目前打卡数据排名的同时，还可以激发成员之间良性竞争，使圈子中的打卡活动更加活跃有趣。
如下图是活动打卡签到小程序界面 ：
根据大家打卡签到完成的时间和完成的数量进行排名。完成数量越多排在越前，打卡签到的数量一样的，就看完成的时间，谁最先完成，就谁排在最前面。
上面介绍的是单次打卡活动的玩法，同时还可以创建周期打卡。比如读书节，可以在每个月组织一次这样的活动。每天打卡签到自己读书的心得，每天分享到活动里，然后月底，系统自动统计这一个月里，所有人打卡分享的天数。谁累计坚持打卡的天数最多，进行所有的排名。从高到低依次进行排名。、
整个系统支持用户自行创建活动，生成自己活动的二维码以及活动展示页面。创建者可以分享这个二维码到朋友圈，或者转发这个活动页面到微信群，其他人扫码或者点击即可进入到这个活动，参与并完成这个活动的打卡。
整个活动可以设置一个或者多个地点，所以如果是一个地点，那么就可以适合线下会议这种模式的打卡签到。如果是设置的多个点，就适合一些线下活动，需要集齐多个活动地点，打卡完毕获得活动的名次。
所有签到打卡的用户名单都可以导出成Excel表格。方便活动发起者管理。
应用场景：
活动打卡适用于一些大型连锁店以及公司周年庆等。消费者只要到每个指定的门店，进行打卡签到，集齐打卡徽章，达到对应的数量，就可以领取奖品，兑换奖品。
还有一些线上打卡活动，比如通过每日至少一次发表绿色生活实践照片或视频的方式打卡，宣传绿色生活，增加参与感。活动有效时长连续七天，打卡内容展示“帮助环卫工人”“做环保公益活动”“送废纸废塑料去回收”等，旨在号召人们积极参与绿色生活实践。每日坚持打卡会有香囊、水杯、充电宝等奖品，以此鼓励环保打卡行为。
很多单位都喜欢使用这种的打卡活动来举办各种不同形式的线下互动活动。比如下面的：
厦门市总工会于5月1日至15日期间举办厦门市职工“绿色行”打卡活动，持有工会会员卡的职工任意前往5个首批厦门市职工“绿色行”打卡点拍摄照片即可参与活动，前200位经审核合格的参与对象将获得由厦门市总工会提供的礼品。
本次活动要求参与者上传5张在不同打卡点拍摄的照片，照片内容须包含打卡点明显标志且有参与者本人出现，每张照片大小在1M以内，像素清晰。照片上传数量不足、参与者与工会系统用户不一致、盗图都将被取消参与活动资格。经审核合格的参与对象将接到短信通知，5月20日后可登录厦门市总工会官网公告栏查看获奖人员名单。据介绍，活动通过打卡“绿色行”打卡点，让职工切身体会厦门的山海风貌和经济特区建设丰硕成果，以调动职工工作生活积极性，增强工会组织凝聚力和向心力。
