textarea中输入字数的限制

<textarea id="area" name="ss" placeholder="请输入文本内容"  rows="10" cols="50" onkeydown=‘inputLimit(this,1,2000);‘ onkeyup=‘inputLimit(this,1,2000);‘></textarea>
<script type="text/javascript">
    /*字数限制*/
function inputLimit(field, type, maxlimit) {
	if (type == 1) {
		if (field.value.replace(/[^\x00-\xff]/g, "xx").length > maxlimit) {
			alert("输入字数已达上项");
			var str = "";
			var n = 0;
			var schar;
			for (var i = 0; schar = field.value.charAt(i); i++) {
				n += (schar.match(/[^\x00-\xff]/) != null ? 2 : 1);
				if (n > maxlimit)
					break;
				str += schar;
			}
			field.value = str;
		}
	}
}
</script>

 注:onkeyup和onkeydown需要同时使用,2000推荐使用数据库中的varchar2()中的最大长度

原文地址:https://www.cnblogs.com/demon09/p/9358371.html

时间: 2024-08-28 03:13:21

textarea中输入字数的限制的相关文章

实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个)

textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求. 通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用.假设我们有一个id为 txta1 的textarea文本区,我们可以通过以下代码限制它的键盘输入字数为10个字(汉字或其他小角字符): <script language="#"

实现textarea限制输入字数(from www.sysoft.cc)

实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个) textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求. 通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用.假设我们有一个id为 txta1 的textarea文本区,我们可以通过以下代码限制它的键盘输入字数为1

textarea 限制输入字数

? 1 2 3 4 5 6 7 8 <script type="text/javascript">         function limitChars(id, count) {             var obj = document.getElementById(id);             if (obj.value.length > count) {                 obj.value = obj.value.substr(0, co

如何让textarea中输入多行的数据在p标签中换行?

我们在用React开发Web项目的过程中,有的时候,我们需要把textarea中输入的多行字符串,在其他的标签中输出来,比如p标签.但是,往往这个时候,在p标签中输出的内容其默认情况下是不换行的.比如下面的代码: import React,{Component} from 'react'; export default class HelloWorld extends Component{ constructor(){ super(...arguments); this.state={ note

限制textarea的输入字数

今天接到任务的第一个需求是限制字数,查看了一下之前人留下来的代码,使用的是textarea,于是就想当然的用了maxlength,结果发现无用.查阅得知,原来textarea对于maxlength的支持要到ie10了,客户偏偏要求开发环境是ie8...只好重新寻找方法. 这里的需求难点主要是不单单对于键盘输入需要限制,同时对于复制粘贴也要限制.最好的方法就是在用户超过限制的时候,弹出弹框,并强制取范围内的输入字符.这样能够较好的实现前端的用户要求,对于以后的数据库处理也比较方便. 原本想的是用k

Javascript实现在textarea中输入回车键不换行

今天在写一个小程序时,用到了在文本框中捕捉回车键的功能,我想肯定能够用Javascript实现,于是百度了以下,得到如下实现. HTML页面如下: <textarea class="form-control" name="message" id="message" style="display: inline-block;" onkeypress="onKeyPress(event)"><

textarea中限制输入字符长度(实用版)

textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框text控件不同,它不能通过maxlength属性来限制字数,为此必须寻求其他方法来加以限制以达到预设的需求. 通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用.假设我们有一个id为 txta1 的textarea文本区,我们可以通过以下代码限制它的键盘输入字数为10个字(汉字或其他小角字符): <script language="#"

TextArea中定位光标位置

原文:TextArea中定位光标位置 在项目中,遇到一个场景:希望能在TextArea中输入某条记录中的明细(明细较简单,没有附属信息,只用记录顺序和值即可,譬如用"+"号来作为明细分隔符:1+1.5+2+3.4),如下图所示: 为了让输入更直观,需要在输入过程中,实时地显示汇总数量和合计:如果用户希望编辑文本中间的某条明细,也可以通过鼠标点击.或者键盘上的上下左右键来定位某个明细,并在页面上提示光标的焦点位置. 最开始,通过windows.event.x.windows.event.

在textarea中鼠标指定的位置插入字符或表情

有些时候我们已经在textarea中输入了一些字符,然后想在鼠标指定的位置插入表情或者字符,这就需要用到jquery的一个小插件了. 代码如下: (function ($) { $.fn.extend({ insertAtCaret: function (myValue) { var $t = $(this)[0]; if (document.selection) { this.focus(); sel = document.selection.createRange(); sel.text =