js控制輸入框字元數_js驗證框里設置輸入框裡面的長度為20個字元（可以為中文）改怎麼設置

Ⅰ 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" />
這個函數我網上找的，，在加工，你可以自己完善看看。。

Ⅱ js驗證如何限制文本框只能輸入數字

js進行數據校驗使用正則表達式會簡單很多，如下所示：

1.js驗證只能輸入數字:

具體代碼如下：

function check_validate(value){

var reg = /^(/d{3,4})-(/d{7,8})/;

if( value.constructor === String ){ // 判斷傳入的是否是字元串仿御

var re = value.match( reg );

return true;

}

return false;

}

Ⅲ js如何限制<input>中輸入的最大字元數

寫onkeyup事件
js獲取文本框的值個數進行判斷
直接使用maxlength='20'
<input type="text" name="email" maxlength="55" />

Ⅳ 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簡單限制textarea內輸入字元數量的方法

本文實例講述了JS簡單限制textarea內輸入字元數量的方法。分享給大家供大家參考。具體如下：
這里演示JS限制一個嫌返缺area內的字元不能超過255，多餘則截取。
代碼如下：
<script>
function
getStringUTFLength(str)
{
var
value
=
str.replace(/[\u4e00-\u9fa5]/g,"
");
//將漢字替換為兩個空格
return
value.length;
}
function
leftUTFString(str,len)
{
if(getStringUTFLength(str)<=len)
{
return
str;
}
var
value
=
str.substring(0,len);
while(getStringUTFLength(value)>len)
{
value
=
value.substring(0,value.length-1);
}
return
value;
}
function
count()
{
var
len=255;
var
value
=
document.getElementById("licenseother").value;
if(getStringUTFLength(value)>=len)
{
document.getElementById("licenseother").value
=
leftUTFString(document.getElementById("licenseother").value,len);
}
document.getElementById("result").value
=
len-getStringUTFLength(document.getElementById("licenseother").value);
}
</script>
<table
width="100%">
<tr>
<td>
<textarea
cols=100
rows=4
id="licenseother"
onkeypress="count()"
onkeyup="count()"
onblur="count();"
onChange="count();"></textarea>
<世侍/td>
</tr>
<tr>
<td>
本輸入框限制輸入255個字元(漢字計算為2個芹辯字元)
剩餘字元數：
<input
readonly
type="text"
size="3"
id="result"
value="255">
</td>
</tr>
</table>
希望本文所述對大家的JavaScript程序設計有所幫助。

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

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

Ⅶ js怎麼控制文本框只能輸入數字

1、首先磨祥打開hbuilder編輯器，新建一個html文檔，在html文檔中輸入一個input框，設置形式為text，給它一個id，命名為ant並在上方的style里設置簡單的樣式：

Ⅷ 前端js 輸入框限制（只能輸入數字，10位小數，除0[0-9]、.、--、-0[0-9]、-.不能開頭外，其他的都可以）

可以使用如下正則表達式來限制輸入框的輸入內容：

/^(?!0d|.-|..|-0d|-)(?!.*...*)(?!.*--.*)(?!.*-$)([1-9][0-9]*|0)(.[0-9]{0,10})?$/

該正則表達式的解釋如下：

^：匹配輸入的字元串開頭。
(?!0d|.-|..|-0d|-)：負早核向先行斷言，表示輸入的字元串不能以 0 開頭、.-、..、-0 開頭或 - 結尾。
(?!.*...*)(?!.*--.*)：負向先行斷言，表示輸入的字元串不能包含兩個及以上的連續 . 或 --。
(?!.*-$)：負向先行斷言，表示輸入的字元串不能以 - 結尾。
([1-9][0-9]*|0)：表示輸入的字元串必須為數字，可以以 0 或者 1-9 開頭，後面跟著 0 個或多個數字。
(.[0-9]{0,10})?：表示輸入的字元串可以包含小數點和最多 10 位小數。
$：匹配輸入的字元串結尾。

可以將該正則表達式應用到輸入框的 oninput 或 onkeydown 事件中，以便實時驗證用戶輸入的內容，並在輸入不符合要求時阻止輸入。例如：

const input = document.querySelector('#myInput');

input.addEventListener('input', (event) => {

const value = event.target.value;

const isValid = /^(?!0d|.-|..|-0d|-)(?!.*...*)(?!.*--.*)(?!.*-$)([1-9][0-9]*|0)(.[0-9]{0,10})?$/.test(value);

if (!isValid) {

event.target.value = value.slice(0, -1); // 阻止輸入

}

});

在這個例子中，我們首先獲取了一個 id 為 myInput 的輸入框，並添加了一個 input 事件監聽器。在事件差睜遲處理程序中，我們獲取了輸入框的虛李值，並使用正則表達式對其進行驗證。如果驗證失敗，我們阻止輸入，即將輸入框的值設為原來的值減去最後一位。這樣，就能夠實現對輸入框的限制。

Ⅸ js 限制最少輸入字數

方法一：

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>JS限制輸入字數</title>
<scripttype="text/javascript">
functionisNotMax(oinput){
if(oinput.value.length>oinput.getAttribute("maxlength")){
returnoinput.value.substring(0,oinut.getAttribute("maxlength"));
}else{
returnoinput.value;
}
}
</script>
</head>
<body>
<h3>JS限制輸入字數1</h3>

<inputstyle="height:100px;width:600px;border:1pxsolid#333;"maxlength="10"></input>
</body>
</html>

方法二：

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>JS限制輸入字數2</title>
</head>
<body>
<inputtype="text"size="70"maxlength="20"name="giftDescribe"onkeyup="javascript:checkWord(20)"onblur="javascript:hiddWordDiv()">
</body>
</html>

Ⅹ JS 對輸入框進行限制(常用的都有)

本文為大家介紹下使用js對輸入框進行限制文本框只拍禪能輸入數字代碼只能輸入數字只能輸入字母和漢字只能輸入英文字母和數字等等還有很多感興趣的可以學習下

文本框只能輸入數字代碼(小數點也不能輸入)

復制代碼代碼如下: <input onkeyup="this value=this value replace(/D/g )" onafterpaste="this value=this value replace(/D/g )">

只能輸入數字能輸小數點

復制代碼代碼如下: <input onkeyup="if(isNaN(value))execCommand( undo )" onafterpaste="if(isNaN(value))execCommand( undo )"> <input name=txt onchange="if(/D/ test(this value)){alert( 只能輸入數字 );this value= ;}">

數字和小數判擾點方法二

復制代碼代碼如下: <input type=text tvalue="" ovalue="" onkeypress="if(!this value match(/^[+ ]?d*? ?d*?$/))this value=this t_value;else this tvalue=this value;if(this value match(/^(?:[+ ]?d+(?: d+)?)?$/))this ovalue=this value" onkeyup="if(!this value match(/^[+ ]?d*? ?d*?$/))this value=this t_value;else this tvalue=this value;if(this value match(/^(?:[+ ]?d+(?: d+)?)?$/))this ovalue=this value" onblur="if(!this value match(/^(?:[+ ]?d+(?: d+)?| d*?)?$/))this value=this o_value;else{if(this value match(/^ d+$/))this value= +this value;if(this value match(/^ $/))this value= ;this ovalue=this value}">

只能輸入字母和漢字

復制代碼代碼如下: <input onkeyup="value=value replace(/[d]/g ) "onbeforepaste="clipboardData setData( text clipboardData getData( text ) replace(/[d]/g ))" maxlength= name=Numbers>

只能輸入英文字母和數字不能輸入中文掘賀旦

復制代碼代碼如下: <input onkeyup="value=value replace(/[^w /]/ig )">

只能輸入數字和英文<font color="Red">chun</font>

復制代碼代碼如下: <input onKeyUp="value=value replace(/[^d|chun]/g )">

小數點後只能有最多兩位(數字中文都可輸入) 不能輸入字母和運算符號:

復制代碼代碼如下: <input onKeyPress="if((event keyCode< || event keyCode> ) && event keyCode!= || / dd$/ test(value))event returnValue=false">

小數點後只能有最多兩位(數字字母中文都可輸入) 可以輸入運算符號:

復制代碼代碼如下: lishixin/Article/program/Java/JSP/201311/20594

導航:首頁 > 編程語言 > js控制輸入框字元數

js控制輸入框字元數

與js控制輸入框字元數相關的資料

友情鏈接