js代码文本框内容自动填充特效

通过js实现文本框内限定文字数量,当用户输入不够数量时自动填充,即是多在前面加数字凑够4位数。

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<title>中国沃柑看武鸣,广西农产品供求信息,www.64pc.com</title>
<meta name="keywords" content="沃柑,武鸣沃柑,中国沃柑看武鸣,农产品信息,农业资讯,农产品供求信息,广西农产品供求信息,www.64pc.com" />
<meta name="description" content="www.64pc.com,武鸣,沃柑之乡,中国沃柑看武鸣,本站有广西武鸣地区大量一手农产品供求信息,服务于广大武鸣老乡农民朋友,我爱你,我的家乡!各位呗哝需要发布农产品供求信息外嘀抖!" />
</head>
<body>
<a href="http://www.zzjs.net/">站长特效网</a>,以质量为核心,以实用为目的,打造一流网页特效站!zzjs.net,站长js特效。<a href="http://www.64pc.com">中国沃柑看武鸣</a>。<hr>
<!--欢迎来到站长特效网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.zzjs.net,305686263@qq.com,用.net打造靓站。中国沃柑看武鸣,www.64pc.com-->
<script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script>
以下文本框只允许输入4位,如果不足4位,则前面自动补上不足位数个0,如果多出4位,则去掉最前面多余的位数。<br>
<script type="text/javascript">
function zzjs_net(inp){
var val=inp.value;
var abc=/[a-z]{1}$/i.test(val);
if(abc){
    val=val.replace(/[a-z]+$/i,val.slice(-1))
    val=val.slice(0,val.length-1).replace(/[^\d]/g,'')+val.slice(-1); //前面不为数字的字符替换为空
    val=val.slice(-5);
    for(var i=val.length;i<5;i++){ // 如果不足用0向前补齐
        val='0'+val;
    }
}else{
    val=val.replace(/[^\d]/g,''); //前面不为数字的字符替换为空
    val=val.slice(-4);
    for(var i=val.length;i<4;i++){ // 如果不足用0向前补齐
        val='0'+val;
    }
}//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
inp.value=val;
}//欢迎来到站长特效网,我们的网址是www.z zjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
</script>
<input type="text" name="formhash" onkeyup="zzjs_net(this)">
</body>
</html>


本文作者:大陆

本文链接:http://www.zzjs.net/post/689.html

特别赞助:中国沃柑看武鸣 武鸣沃柑 广西农产品供求信息

上一篇:腾讯新闻首页js图片切换特效代码

发表评论