十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这段jquery代码可以保持一个文本框输入的同时另外一个文本框与之同步:
目前累计服务客户上1000+,积累了丰富的产品开发及服务经验。以网站设计水平和技术实力,树立企业形象,为客户提供网站制作、做网站、网站策划、网页设计、网络营销、VI设计、网站改版、漏洞修补等服务。创新互联建站始终以务实、诚信为根本,不断创新和提高建站品质,通过对领先技术的掌握、对创意设计的研究、对客户形象的视觉传递、对应用系统的结合,为客户提供更好的一站式互联网解决方案,携手广大客户,共同发展进步。
var $inputs = $(".example-input");======$inputs.keyup(function(============{$inputs.val($(this).val());});
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
复制代码
代码如下:
!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
""
html
xmlns=""
head
meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/
titlejquery限制输入字数,并提示剩余字数/title
script
type="text/javascript"
src="jquery.js"/script
script
type="text/javascript"
function
words_deal()
{
var
curLength=$("#TextArea1").val().length;
if(curLength5)
{
var
num=$("#TextArea1").val().substr(0,5);
$("#TextArea1").val(num);
alert("超过字数限制,多出的字将被截断!"
);
}
else
{
$("#textCount").text(5-$("#TextArea1").val().length);
}
}
/script
/head
body
剩余span
id="textCount"5/span个字br
/
textarea
name="textarea"
id="TextArea1"
cols="45"
rows="5"
onkeyup="words_deal();"
/textarea
/body
/html
/**
* 首先判断是否是数字(这里包括整数与带小数两种情况,未考虑负数情况)
* 其次判断value长度。
*/
function validateNum(value) {
if( /^\d|(\d*\.\d+)*/.test(value)) {
var length = value.toString().length;
if(20 = length || 30 = length) {
return true;
}
return false;
}
return false;
}
$("input").blur( function(event) {
var el = event.target;
if(validateNum(el.value)){
return true;
}
$(el).focus(); //判断失败不允许其失去焦点。
});
绑定文本框的change事件
$("input").change(function(){
var value=$(this).val();
if(value.length10){
// 内容超长了
alert("长度不能大于10")
return false;
}
else if(value.length4){
// 提示长度要大于4
alert("长度要大于4");
}
});