200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > <textarea>标签定义一个多行的文本输入控件。正则表达式匹配任意字符(包括换行符)

<textarea>标签定义一个多行的文本输入控件。正则表达式匹配任意字符(包括换行符)

时间:2022-05-03 02:48:24

相关推荐

<textarea>标签定义一个多行的文本输入控件。正则表达式匹配任意字符(包括换行符)

maxlength控制可以输入最大数量汉字个数。

代码:文本框内重现信息。

<textarea class="selfDescription s_textarea" style="width:360px;margin-top:-40px;" maxlength="500" onkeyup="updateselfDescriptionLength(this)" id="selfDescription" name="selfDescription" placeholder="请输入自我描述">${resume.selfDescription}</textarea>

正则表达式匹配任意字符(包括换行符)可以用 ([\s\S]*) ,也可以用 “([\d\D]*)”、“([\w\W]*)” 来匹配,就可以匹配包括换行符在内的任意字符。

<textarea style="height: 250px; width: 340px;" maxlength="20" onkeyup="updateselfDescriptionLength(this)" id="selfDescription" name="selfDescription" placeholder="请输入自我描述"></textarea><p value="aa">你还可以输入<span style="font-size:13px" id="selfDescriptionspan">40</span>个字符</p><script type="text/javascript">function updateselfDescriptionLength(content){var str = content.value; // 文本内容var len=0; // 文本字符长度for(var i=0;i<str.length;i++){//匹配任意字符,包括换行符。if( str.charAt(i).match(/[\s\S]*/ig) !=null) {len += 2;}else{len += 1;}/* if( str.charAt(i).match(/[^\x00-\xff]/ig) !=null) {len += 2;}else{len += 1;}*/}var clen; // 剩余可输入字符if(len>=40){clen=0;}else {clen =(40-len); // 剩余可输入字符}// 插入到htmldocument.getElementById("selfDescriptionspan").innerHTML = clen;//以下可以不要,只是做个示例str=str.substring(0,40);document.getElementById("selfDescriptionstr").innerHTML = str;}</script> <br /><br /> <br /> <span id="selfDescriptionstr"></span>

网页:

效果:

有一篇介绍的文章,可以看看https://www.williamlong.info/archives/5781.html

<textarea>标签定义一个多行的文本输入控件。正则表达式匹配任意字符(包括换行符)。 输入框限制文本输入的字数 并且及时显示还可以输入多少个字

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。