這段jquery代碼可以保持一個文本框輸入的同時另外一個文本框與之同步:
目前累計服務(wù)客戶上1000+,積累了豐富的產(chǎn)品開發(fā)及服務(wù)經(jīng)驗。以網(wǎng)站設(shè)計水平和技術(shù)實力,樹立企業(yè)形象,為客戶提供網(wǎng)站制作、做網(wǎng)站、網(wǎng)站策劃、網(wǎng)頁設(shè)計、網(wǎng)絡(luò)營銷、VI設(shè)計、網(wǎng)站改版、漏洞修補等服務(wù)。創(chuàng)新互聯(lián)建站始終以務(wù)實、誠信為根本,不斷創(chuàng)新和提高建站品質(zhì),通過對領(lǐng)先技術(shù)的掌握、對創(chuàng)意設(shè)計的研究、對客戶形象的視覺傳遞、對應(yīng)用系統(tǒng)的結(jié)合,為客戶提供更好的一站式互聯(lián)網(wǎng)解決方案,攜手廣大客戶,共同發(fā)展進(jìn)步。
var $inputs = $(".example-input");======$inputs.keyup(function(============{$inputs.val($(this).val());});
jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery設(shè)計的宗旨是“write Less,Do More”,即倡導(dǎo)寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設(shè)計模式,優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計和Ajax交互。
jQuery的核心特性可以總結(jié)為:具有獨特的鏈?zhǔn)秸Z法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對CSS選擇器進(jìn)行擴(kuò)展;擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
復(fù)制代碼
代碼如下:
!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限制輸入字?jǐn)?shù),并提示剩余字?jǐn)?shù)/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("超過字?jǐn)?shù)限制,多出的字將被截斷!"
);
}
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
/**
* 首先判斷是否是數(shù)字(這里包括整數(shù)與帶小數(shù)兩種情況,未考慮負(fù)數(shù)情況)
* 其次判斷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){
//?內(nèi)容超長了
alert("長度不能大于10")
return?false;
}
else?if(value.length4){
//?提示長度要大于4
alert("長度要大于4");
}
});