導航:首頁 > 編程語言 > javascript文本框限制長度

javascript文本框限制長度

發布時間:2023-03-24 01:50:12

js 如何限制中文字元輸入字數

1、在html中定義一個input輸入框,給輸入框設置一個id值
2、在輸入框綁定一個onkeydown事件
3、定義onkeydown事件發生時的處理函數controlLen
4、在controlLen函數中檢查input輸入框的輸入值長度n
5、當大於規定的字元長度時,利用字元串的substring重新截取輸入值的前n個值,重新賦值給input框,同時alert提示。
示例:

js代碼:<script type="text/javascript"> function controlLen(){ //獲取input輸入框元素 var inputText = document.getElementById('mytext').value; if(inputText.length > 10){ var text = inputText.substring(0,10); document.getElementById('mytext').value = text;//從新設置input輸入框的值 alert("最多輸入10個字元"); }}</script>html代碼:<body><input type="text" id="mytext" value="" onkeydown="controlLen();"/></body>

❷ js驗證框里設置輸入框裡面的長度為20個字元(可以為中文)改怎麼設置

寫個函數計算輸入框里頭字元串的長度就好了,,
function getStringLen(Str){
var i,len,code;
if(Str==null || Str == "") return 0;
len = Str.length;
for (i = 0;i < Str.length;i++)
{
code = Str.charCodeAt(i);
if (code > 255) {len ++;}
}
if(len > 20) { return true;}else{
alert('字數至少20個');

return false;

}
}
然後當文本框失去焦點觸發函數,,<input id="input" onblur = getStringLen(document.getElementsById('input')) type="text" />
這個函數我網上找的,,在加工,你可以自己完善看看。。

❸ JSP 輸入框中限制輸入的數字長度

JSP控制輸入框內文字長度長度是根據maxlength屬性的限定。
文本框有個maxlength的屬性. 可限制文本框內輸入的字元長度
如:
<input type='text' name='id' maxlength='5' />
表示該文本框最多可輸入5個字元

❹ 如何限制文本框輸入長度

1、JS/jQuery限制文本框長度

$("#id").onkeyup(function(){//方法可以使用其他(onkeydown/onblur等)
if($("#id").val().length>10){//長度可自定義
//超出長度,自行處理
}else{
//未超出……
}
});


2、設置文本框屬性MaxLenth

MaxLenth=10;


3、根據編程語言限制長度

根據編程語言,應用與文本框輸入相關事件,或提交事件發生時,獲取文本框的內容,然後進行長度驗證

❺ javascript或者ASP.NET實現文本框的字元數限制輸入

<script language="JavaScript">
function checkform(){
if(document.form1.remark.value.length <0 || document.form1.remark.value.length > 100){
alert("孫野野長度則喊應為0-100個字元,請重新輸入!");
document.form1.remark.focus();
return false;
}
}
</script><form name=form1 method="post" action="fuck.php" onSubmit="脊笑return checkform()">
</form>

❻ javascript 限制文本框輸入長度不能超過10個中文字元或20個英文字元 求代碼

直接html標簽就能做到的功能,還要用js..
<input type="text" maxlength="20" />

❼ JavaScript怎樣在頁面中實現如果文本框超出長度只讓顯示前幾位

直接限制長度就好穗納了猜沖沒判罩,
<input type=text maxlength=10>
只能輸入10個字元

❽ 用JS控制一個輸入框,要求裡面只能輸入字數並且長度必須是11位,以下操作有問題,應該怎麼改正

1、新建一個html文件,命名為test.html。

❾ 怎麼限制文本域textarea的輸入字元長度

與單行文本框text控制項不同,它不能通過maxlength屬性來限制字數,為此必須尋求其他方法來加以限制以達到預設的需求。通常的做法就是使用JavaScript腳本語言來實現對textarea文本域的字數輸入限制,簡單而實用。假設我們有一個id為 txta1 的textarea文本區,我們可以通過以下代碼限制它的鍵盤輸入字數為10個字(漢字或其他小角字元):<script language="javascript" type="text/ecmascript"> window.onload = function() { document.getElementById('txta1').onkeydown = function() { if(this.value.length >= 10) event.returnValue = false; } } </script> 它的原理是通過對keydown(鍵盤鍵位按下)事件對指定id號的文本區進行監測,可以想像,它只能限制鍵盤輸入,如果用戶通過滑鼠右鍵粘貼剪切板中的文本,它無法控制字數。試看以下效果,請嘗試用鍵盤輸入:通過鍵盤輸入,以上文本區只能輸入10個字。但是,我們的目的並沒有達到!請隨便復制一些文本,試著用滑鼠右鍵粘貼,看看發生了什麼。你可以在網上找到類似上述的其他JS腳本,它們不管多麼優秀,其原理都是一樣的,通過對keydown、keyup或keypress之類的鍵盤鍵位操作事件來監控文本區的輸入,無法防止滑鼠右鍵的粘貼,為此,如果一定要真正地限制textarea的字數,我們還得為網頁加另一把鎖——禁用滑鼠右鍵,這無疑得付出額外的開銷,同時也可能是網頁製作者不一定願意做的。其實,還有一個更簡單的方法,使用onpropertychange屬性。onpropertychange可以用來判斷預定元素的value值,當元素的value值發生變化時判斷事件就會被觸發,僅關心被監測元素的value值,避開了輸入的來源,從而可以比較理想地達成我們的限制字數這一目的。它屬於JS范疇,可以在表單方框區代表中嵌套使用,以下是代碼和效果樣式,可以像上面那樣測試輸入,你會發現它真正達到目的:不管用什麼方式輸入,它只能輸入100個字(漢字或其他小解符號):代碼:

❿ 怎麼用javascript限制文本框輸入長度。大於4小於10

varlen=document.getElementById('input-id').value;
if(len>4&&len<10){
alert('合法');
}else{
alert('輸入錯誤');
}

閱讀全文

與javascript文本框限制長度相關的資料

熱點內容
cnc圓弧怎麼樣編程 瀏覽:199
java二叉堆 瀏覽:850
少兒編程後會怎麼樣 瀏覽:783
ps去掉掃描文件無效部分 瀏覽:191
快速創建文件夾路徑路徑 瀏覽:849
京東app虛擬試衣 瀏覽:136
三星電視智能升級卡 瀏覽:327
word文件字型大小 瀏覽:460
word文檔去除下劃線 瀏覽:576
貝多芬交響曲版本 瀏覽:532
下載的視頻文件損壞了 瀏覽:119
怎麼把jpg轉成cad格式的文件大小 瀏覽:674
如何編程真人快打 瀏覽:57
double運行數據最長多少 瀏覽:367
tr90如何看數據 瀏覽:418
word裡面插了一個文件怎麼打開 瀏覽:40
蘋果7限時秒殺1999元 瀏覽:748
如何提升app推送觸達率 瀏覽:584
vba用kill刪除文件路徑錯誤 瀏覽:648
linux查看10個文件總大小 瀏覽:423

友情鏈接