[求助] 这种网页打印如何做到？

rindy · 发表于 2010-10-26 19:04:13

http://sh.happyvalley.cn/activity/2010wsj/index.aspx
这是上海欢乐谷的一个页面，内容是在一张图片里填上姓名和身份证，然后按打印，会保存为照片！
然后我们通过照片打印出来！
还有就是这个页面会验证身份证的唯一性，也就是一个身份证只能打印一份！
怎么才能实现呢？还有保存的照片，都有一个编码 SH开头的编号，能否取消掉？

它好像用的是 ASP.NET
我一般只会写ASP~谁能简单实现呢？接受挑战吧~~~:p 各位大虾！
代码如下：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>万圣哗鬼幽惠劵</title>
<style>
* {
margin:0;
padding:0;
}
.dymain {
width:960px;
margin:0 auto;
}
.dycon {
background:url(images/printjpg1.jpg) no-repeat;
width:649px;
height:920px;
padding:580px 0 0 311px;
}
.dyipun {
margin-bottom:34px;
}
.s1 {
background:#fff;
width:541px;
height:41px;
border:none;
line-height:41px;
font-size:20px;
}
.dybtn {
width:80px;
float:right;
margin-right:110px;
display:inline;
}
.s2 {
width:80px;
height:25px;
line-height:25px;
border:none;
}
</style>
<script type="text/javascript">
function CheckBox(){
      var NameTextBox=document.getElementById("NameTextBox");
      var ICardTextBox=document.getElementById("ICardTextBox");
      if(NameTextBox.value=="")
      {
      alert("请输入您的姓名!");
      return false;
      }
      if(ICardTextBox.value=="")
      {
      alert("请输入您的身份证号码!");
      return false;
      }
      var reg = /^(\d{14}|\d{17})(\d|[xX])$/; //身份证号码检测
      var cardId=reg.test(ICardTextBox.value);
      if(cardId==false){
         alert("请正确输入你的身份证号码！");
         return false;
      }
      else{
      return true;
      }

}
</script>
<body>
<form name="from1" method="post" action="index.aspx" id="from1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTY5MTI0NTgxM2Rksl2+rUxIAowYM2wsvyN5gMXbC9o=" />
</div>

<div>

<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWBAKZ4uu3CQKrwoaOBwKCkZjkDAKhwImNC9bgBDE7n2w/gqDu3bWGd/vvKLdd" />
</div>
<div class="dymain">
  <div class="dycon">
<div class="dyipun">
      <input name="NameTextBox" type="text" id="NameTextBox" class="s1" />

</div>
<div style="margin-bottom:18px;" class="dyipun"  >

   <input name="ICardTextBox" type="text" id="ICardTextBox" class="s1" />
</div>
<div class="dybtn">
      <input type="submit" name="ctl00" value="打  印" onclick="return CheckBox();" class="s2" />

</div>
  </div>
</div></form>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-7311643-1");
pageTracker._trackPageview();
} catch(err) {}</script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? " https://ssl." : " http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>

</body>
</html>

cwlf · 发表于 2010-10-26 19:14:56

这个应该是类似于在图片上打水印的功能吧。。。
asp需要借助专门的组件才可以实现水印功能。。。。

上面生成的照片，实际上是以那个图片为底，然后在这个图片上打上你的姓名和身份证号这些文字为水印。。。

rindy · 发表于 2010-10-26 19:21:01

我知道，我是问怎么实现验证身份证的唯一性的！
还有其他更简单的实现办法吗？
或者能否提供其他相关的文章或网站看看~

rindy · 发表于 2010-10-26 19:31:43

能否简单的实现为：
输入姓名和身份证就可以转为图片。
然后不需要验证身份证.

帐号		自动登录	找回密码
密码			注册