textarea 字数限制,超出无法输入

news/2024/7/19 14:11:50 标签: html, js, css
htmledit_views">

业务需求

最近做打印页面,输入字数过多影响打印效果,和客户商量后决定限制输入最大字数来保证避免样式修改

html代码

<td  colspan="9">
    <textarea cols="75" rows="11" style="border: none;" id="healthGuide1">${jmExaminationFeedback.healthGuide}</textarea>
    <div>您还可以输入 <span id="text-healthGuide1-count" style="color: red">0</span> /350个文字</div>
</td>

js代码

$(function(){
    $("#text-healthGuide1-count").text(350-$("#healthGuide1").val().length);
//健康指导超出350字提示
$("#healthGuide1").on("input propertychange", function() {
    var $this = $(this),
        _val = $this.val(),
        count = "";
    if (_val.length > 350) {
        $this.val(_val.substring(0, 350));
        $("#text-healthGuide1-count").text(0)
    }else{
        count =_val.length;
        $("#text-healthGuide1-count").text(350-count);
    }

});
}

http://www.niftyadmin.cn/n/1085129.html

相关文章

VMware16安装macOS10.15.1 - 黑苹果 - osx虚拟机

效果图 步骤 下载安装VMware&#xff0c;并且利用unlocker开启macos的支持VMware利用unlocker开启MacOS支持_Rudon滨海渔村的博客-CSDN博客效果步骤下载安装vmware16http://www.winwin7.com/soft/17946.html下载unlocker3.0 &#xff08;这里包括了darwin.iso和darwinPre15.is…

maven项目删除子模块后父项目不能新建子模块

问题背景 带同事做项目&#xff0c;他新建子模块后觉得有问题&#xff0c;所以delete删除了子模块..不知怎么操作&#xff0c;父模块不能new module让我帮忙解决。 解决办法 点击Project Structure --加号---Import Module--选择要导入的module即可。

PS制作搞笑印章 - 仿真印章 - 水印滤色

效果 白底图片斑驳的遮挡图片&#xff08;模式&#xff1a;滤色&#xff09; 做旧效果 步骤 复制以上图片&#xff0c;粘贴到ps里&#xff0c;作为最顶端的一个图层

windows11设置chrome谷歌浏览器为默认浏览器

效果 步骤 全部都设置为chrome 全部都设置为chrome 全部都设置为chrome 全部都设置为chrome

报错java.lang.ClassCastException: java.lang.Long cannot be cast to java.lang.String解决踩坑

java.lang.ClassCaption: java.lang.Long cannot be cast to java.lang.String 问题背景 service传参调用mapper&#xff0c;报错&#xff1a; [09 17:56:54,707 DEBUG] [http-nio-8081-exec-9] handler.SimpleMappingExceptionResolver - Resolving to view WEB-INF/500 fo…

windows11删除此电脑的6个图标,包括视频、图片、文档、下载、音乐、桌面

效果图 步骤 下载安装 Winaero Tweaker v1.33http://www.downza.cn/soft/204462.html打开这个软件&#xff0c;找到左边的File Explorer ---- > Customize This PC folders然后全选&#xff0c;Remove selected关闭软件&#xff0c;重启电脑对比下原来的win11此电脑图标

Lombok @Data boolean类型 is开头字段没有get set方法研究及处理

问题背景 类字段is开头&#xff0c;发现使用data注解&#xff0c;并没有get(),set()方法 资料查询 https://www.baeldung.com/lombok-getter-boolean Lombok 将使用其注解处理器在类中生成一个 isRunning() 方法。 对于以is 开头的布尔字段&#xff0c;后面紧跟标题大小写字…

【尝鲜】无视tpm安装win11 - 任何电脑皆可安装

效果图 前言 一般电脑都无法升级到win11&#xff0c;因为微软要求&#xff1a;1GHz或者更快的64位处理器&#xff0c;双核以上CPU&#xff1b; 4GB以上的运行内存&#xff1b; 存储空间64GB起步&#xff1b; 带有WDDM2.0驱动的DirectX 12以上显卡&#xff1b; 主板支持TPM2.0安…