多个文本域字数限制

<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(id) {
 var len=300;
 var value = $(‘textarea[resultid=‘+id+‘]‘).val();
 if(getStringUTFLength(value)>=len) {
  $(‘textarea[resultid=‘+id+‘]‘).val(leftUTFString(value,len));
 }
 $(‘input[resultid=‘+id+‘]‘).val(len-getStringUTFLength(value));
}
</script>

<div class="content"><b><td>五、简答题</td></b></div><br><br>
          <c:forEach var="question" items="${testPaper.questions}">
          <c:if test="${‘5‘ eq question.status }">
          <div class="content">
          <span style="color: #22536A;font-weight: bold;font-size: 16px;"> <%=i++ %>、<c:out value="${question.questionName }"/></span>
          <ul style="list-style: none;margin-left: 0px">
                         剩余可输入字数:<font color="red"><input resultid="${question.id }"  readonly type="text" size="3" id="result" value="300"></font>
          <li><textarea  id="${question.id }" resultid="${question.id }"  name="qId<c:out value="${question.id }"/>"  rows="10" cols="80" onkeypress="count(${question.id })" onkeyup="count(${question.id })" onblur="count(${question.id });" onChange="count(${question.id });"></textarea></li>
          </ul>
          </div>
          </c:if>
      </c:forEach>

时间: 2024-08-28 14:57:17

多个文本域字数限制的相关文章

textarea文本域字数控制---并显示已输入字数

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="

textarea文本域的高度随内容的变化而变化

用css控制textarea文本域的高度随内容的变化而变化,不出现滚动条. CSS代码: 复制代码 代码如下: .t_area{ width:300px; overflow-y:visible } <textarea class="t_area"> 随便在这里输入内容,textarea的高度会随着你输入的内容而变化,不会出现滚动条,实现很简单,就是一段css:overflow-y:visible </textarea> 首先,原则上实现textarea自适应必须

javaSwing文本域文件

public class JTextAreaTest extends JFrame{    public JTextAreaTest()    {            setSize(200, 400);        setTitle("定义自动换行的文本域");        setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);                Container cp=getContentPane(); 

Bootstrap系列 -- 16. 文本域textarea

文本域和原始使用方法一样,设置rows可定义其高度,设置cols可以设置其宽度.但如果textarea元素中添加了类名“form-control”类名,则无需设置cols属性.因为Bootstrap框架中的“form-control”样式的表单控件宽度为100%或auto. <form role="form"> <div class="form-group"> <textarea class="form-control&quo

表单控件+下拉列表+文本域

一.表单控件 1.<input type="text" name="user"  size="20默认" /> 2.<input type="password" name="code"  /> 3.<input type="radio" name="sex[]" value="1" />+<input ty

jquery 文本域光标操作(选、添、删、取)

一.JQuery扩展 ; (function ($) { /* * 文本域光标操作(选.添.删.取)的jQuery扩展 http://www.cnblogs.com/phpyangbo/p/5528648.html */ $.fn.extend({ /* * 获取光标所在位置 */ iGetFieldPos: function () { var field = this.get(0); if (document.selection) { //IE $(this).focus(); var sel

bootstrap-表单控件——文本域textarea

1.运行效果如图所示 2.实现代码如下 <!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <title>表单控件--文本域textarea</title>     <!--

JS-007-富文本域操作

在日常 web 编写过程中,富文本域几乎成为了一个网站不可页面元素,同时,其也有着各种各样的实现方式,网络上也存在着各种各样的集成插件可供引用.此文以 js 获取.修改 163 邮箱写邮件时的邮件内容为例,演示 js 操作富文本域的方法.其他各种富文本域内容的修改可参考此文进行编写,感兴趣的小主们,可以尝试一下当前流行的各种富文本域插件. 首先简单演示一下 163 写邮件时,收件人的获取.修改,其页面源码如下所示: 以下为相应元素获取.修改的 js 演示: 以下为 js 获取富文本域内容演示:

HTML学习笔记 域元素(form表单、textarea文本域、fieldset域集合、input使用) 案例 第四节 (原创)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单</title> </head> <body> <!--form表单--> <form> 用户名: <!--文本域--> <input type="text">