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控制输入框字符数相关的资料

友情链接