网站详细设计

我们平常浏览一些门户网站的时候，会发现门户网站的一些留言簿设计的很有特色，有精准的指定访客输入多少字符到文本框内，文本框后还会有统计的倒计数字，当你输入的文字超过了指定的文字时，就不会再显示。有些文本框还指定了访客只能输入中文或是数字，当你输入了其它的字符时，你会发现你不管怎样输入就是输入不进去，会出现莫明其妙的消失。当你输入指定的文字或者数字时它又会照常显示，这是不是很神奇呢！其实这是通过正则表达式和JS代码一起实现的效果。你不懂正则表达式也没有关系，其实你只要知道这句代码是做什么的就行了。

如果感兴趣的朋友可到www.zzxyss.cn先看一下效果在版权的最底部，我们公司是做颈椎病枕头的，是我开发的我们公司的一个网站用Dreamweaver +asp来实现的这种效果，我也是研究半天才弄上的。只不过公司的我没加入禁止粘入功能，呵呵！不说废话了，那么马上开始跟者周口seo小谢一起来实现这些个效果吧！其实只有下面的这些个代码在html里就能实现，如果你是动态网站你接合数据库就行了，下面我就给出这些代码，并说明是做什么用的。

首先在head/head中加入这代码，代码的意思禁止粘入文本框内容！

script type="text/javascript"

//not IE is required

function 延安网站建设公司 fncKeyStop(evt)

{

if(!window.event)

{

var keycode = evt.keyCode;

var key = String.fromCharCode(keycode).toLowerCase();

if(evt.ctrlKey && key == "v")

{

evt.preventDefault();

evt.stopPropagation();

}

}

}

/script

这下面就是主要的文本框和JSwa

pspan class="bai"收/span联系人：input name="xy_lxr" type="text" class="yby" id="xy_lxr" onKeyUp="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text', clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"/ /*这句正则的意思是说只能输入中文*/

span*/span必填项　只限中文 /p

p联系电话：input name="xy_lxdh" type="text" class="yby" id="xy_lxdh" onKeyUp="this.value=this.value.replace(/\D/g,'')" onbafterpaste="this.value=this.value.replace(/\D/g,'')" onkeydown="fncKeyStop(event)" onpaste="return false" oncontextmenu = "return false;"/
/*onKeyUp="this.value=this.value.replace(/\D/g,'')" onbafterpaste="this.value=this.value.replace(/\D/g,'')" 这句正则的意思是说只能输入数字，onkeydown="fncKeyStop(event)" onpaste="return 网站详细设计 false" oncontextmenu = "return false;"的意思JS验证我们在hrad中的JS代码！你可以在下面的文本框中都加上这句JS验证禁止粘入代码，我就不加了*/

span*/span必填项　只限数字/p

p收货地址：input name="xy_shdz" type="text" class="shdz" id="xy_shdz" 网站建设公司 onkeyup="checkLength(this);"/

span*/span 字符:25

还可输:span id="chLeft"25/spanbr

script type="text/javascript"

function checkLength(which) {

var maxChars = 25;

if (which.value.length maxChars)

which.value = which.value.substring(0,maxChars);

var curr = maxChars - which.value.length;

document.getElementById("chLeft").innerHTML = curr.toString();

}

/script

/*这代码的意思是说只能输入25个字符，注意这句span id="chLeft"25/span和JS代码中的document.getElementById("chLeft").innerHTML 宿州网站建设公司 = curr.toString();的id变量是相同的*/

/p

其实要实现就是这么的简单，还有更多的正则表达式你自己可以搜一下。以上文章由周口seo小谢原创，如要转载请注明转载出处，请保留链接，谢谢！

本文地址：http://www.taokeqihang.net/post/20.html