限制文本框的字数和输入内容!解决方案
日期：2014-05-19 浏览次数：20436 次
限制文本框的字数和输入内容!
有两个问题希望大家帮帮忙!
1:限制文本框中的字数为100,在文本框输入数字的同时检验字数是否超过100,如果超过了100,如果继续输入则不起作用!如何写代码?
2:如何限制文本框输入的内容必须是字母,数字和标点符号!如果输入其他则不起作用.
------解决方案--------------------
TextBox.MaxLenth=100
------解决方案--------------------
发贴心情 验证：必须是字母
<script language= "javascript ">
function isEn()
{
var reg=/[^A-Za-z]/g;
if (reg.test(form1.na.value))
{alert( "必须是字母！ ");
form1.na.select();
return false;
}
else
{
return true;
}
}
</script>
<form name= "form1 ">
<input type= "text " name= "na " onKeyUp= "return isEn(); ">
</form>
----------------------------------------------
善者吾善之，不善者吾亦善之，得善。信者吾信之，不信者吾亦信之，得信。
------解决方案--------------------
1.
if(!IsPostBack)
{
note.Attributes.Add( "onblur ", "javascript:if(document.all.note.value.length> 100){alert( '职位说明内容字数不能超过100个 ');document.all.note.value= ' ';document.all.note.focus();}; ");
}
//note是文本框
2.用正则表达式即可实现,网上搜以下有很多
------解决方案--------------------
TextBox.MaxLenth=100
\w+
------解决方案--------------------
完整代码，前段时间写的：
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head runat= "server ">
<title> 无标题页 </title>
<script language= "javascript " type= "text/javascript ">
// var clickcounter=0;
// function keyup(num,obj,show){
// var intopictitleinfos = document.getElementById(show);
// var input = document.getElementById(obj);
// var last = num-obj.value.replace(/[^\x00-\xff]/g, "aa ").length;
// }
function keyup(num,obj,show){
var intopictitleinfos = document.getElementById(show);
var input = document.getElementById(obj);
var last = num-obj.value.replace(/[^\x00-\xff]/g, "aa ").length;
if(obj.value.replace(/[^\x00-\xff]/g, "aa ").length <num) {
intopictitleinfos.innerText= "目前为 "+obj.value.replace(/[^\x00-\xff]/g, "aa ").length+ "个字符，还可以输入 "+last+ "个 ";
}
else {intopictitleinfos.innerText= "已经输入了50个汉字或者100个半角英文，不能再输入了！ ";
}
}
</script>
</head>
<body>
<form id= "form1 " runat= "server ">
<div>
<input type= "text " maxlength=100 onkeyup= "keyup(100,this, 'intopictitleinfo ') " onbeforepaste= "keyup(100,this, 'intopictitleinfo ') " /> <span
style= "color: #FF6600 " id= "intopictitleinfo "> 请控制在50个汉字以内 [ 100个半角英文 ] </span>
</div>
</form>
</body>
</html>
------解决方案--------------------
maxlength
<asp:textbox ID= "comment " CssClass= "textbox1 " Width= "160px " Height= "19 " MaxLength= "50 " runat= "server ">
------解决方案--------------------
1、如果只是限制输入的字数，用textbox的maxlength属性设置，但是看楼主的意思，似乎是要求输入数字的长度，那就加个RegularExpressionValidator验证控件，正则用
有两个问题希望大家帮帮忙!
1:限制文本框中的字数为100,在文本框输入数字的同时检验字数是否超过100,如果超过了100,如果继续输入则不起作用!如何写代码?
2:如何限制文本框输入的内容必须是字母,数字和标点符号!如果输入其他则不起作用.
------解决方案--------------------
TextBox.MaxLenth=100
------解决方案--------------------
发贴心情 验证：必须是字母
<script language= "javascript ">
function isEn()
{
var reg=/[^A-Za-z]/g;
if (reg.test(form1.na.value))
{alert( "必须是字母！ ");
form1.na.select();
return false;
}
else
{
return true;
}
}
</script>
<form name= "form1 ">
<input type= "text " name= "na " onKeyUp= "return isEn(); ">
</form>
----------------------------------------------
善者吾善之，不善者吾亦善之，得善。信者吾信之，不信者吾亦信之，得信。
------解决方案--------------------
1.
if(!IsPostBack)
{
note.Attributes.Add( "onblur ", "javascript:if(document.all.note.value.length> 100){alert( '职位说明内容字数不能超过100个 ');document.all.note.value= ' ';document.all.note.focus();}; ");
}
//note是文本框
2.用正则表达式即可实现,网上搜以下有很多
------解决方案--------------------
TextBox.MaxLenth=100
\w+
------解决方案--------------------
完整代码，前段时间写的：
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head runat= "server ">
<title> 无标题页 </title>
<script language= "javascript " type= "text/javascript ">
// var clickcounter=0;
// function keyup(num,obj,show){
// var intopictitleinfos = document.getElementById(show);
// var input = document.getElementById(obj);
// var last = num-obj.value.replace(/[^\x00-\xff]/g, "aa ").length;
// }
function keyup(num,obj,show){
var intopictitleinfos = document.getElementById(show);
var input = document.getElementById(obj);
var last = num-obj.value.replace(/[^\x00-\xff]/g, "aa ").length;
if(obj.value.replace(/[^\x00-\xff]/g, "aa ").length <num) {
intopictitleinfos.innerText= "目前为 "+obj.value.replace(/[^\x00-\xff]/g, "aa ").length+ "个字符，还可以输入 "+last+ "个 ";
}
else {intopictitleinfos.innerText= "已经输入了50个汉字或者100个半角英文，不能再输入了！ ";
}
}
</script>
</head>
<body>
<form id= "form1 " runat= "server ">
<div>
<input type= "text " maxlength=100 onkeyup= "keyup(100,this, 'intopictitleinfo ') " onbeforepaste= "keyup(100,this, 'intopictitleinfo ') " /> <span
style= "color: #FF6600 " id= "intopictitleinfo "> 请控制在50个汉字以内 [ 100个半角英文 ] </span>
</div>
</form>
</body>
</html>
------解决方案--------------------
maxlength
<asp:textbox ID= "comment " CssClass= "textbox1 " Width= "160px " Height= "19 " MaxLength= "50 " runat= "server ">
------解决方案--------------------
1、如果只是限制输入的字数，用textbox的maxlength属性设置，但是看楼主的意思，似乎是要求输入数字的长度，那就加个RegularExpressionValidator验证控件，正则用
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
