`
lcdngzsxx
  • 浏览: 31021 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

jquery 获取textarea值 换行符问题

阅读更多

最近做的一个功能,在页面实时显示输入字数,并在后台验证,功能完成后,直接提交给测试了,后来测试发现,在前台获取到的换行符为1个字符,在后台验证时是2个字符。于是就百度,GOOGLE了一下,没什么发现。

最后在jquery里

 

r=$(this).val().match( /\s/gi);
val = $(this).val().length;
if(r!=null){
    val = val + r.length;
}

 

统计有多少个换行符,搞定。

分享到:
评论

相关推荐

    JQuery实现textarea行自增减.rar

    4. 在事件处理函数内,`$(this).val().split('\n').length` 计算textarea内容中换行符的数量,从而得到行数。 5. `$(this).attr('rows', Math.max(lines, 1))` 更新textarea的行数属性,确保至少为1行。 通过这种...

    jQuery替换textarea中换行的方法

    在给出的示例中,问题在于同事尝试使用`.text()`来获取textarea的值,这导致换行符被转换成了`\n`字符串,而不是实际的换行。因此,使用JavaScript的`replace()`方法替换`\n`无效,因为实际的换行符已经不存在了。 ...

    jquery对textarea的长度进行验证

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。...在实际开发中,根据具体需求,还可以进一步定制验证逻辑,比如区分中英文字符、考虑换行符等因素。

    文本域中换行符的替换示例

    然而,在开发过程中,我们发现换行符使用 jQuery 的 val() 或 text() 获取后不做处理,保存数据库中没有换行了,自然取出来显示也就没有换行符了! 因此,我们需要找到解决这个问题的方法。下面是一个使用 ...

    jquery.textarea-autogrow

    默认情况下,textarea中的换行符会被浏览器忽略,但通过配置项`lineBreaks`,我们可以让换行符生效: ```javascript $('#myTextarea').textareaAutogrow({lineBreaks: true}); ``` 综上所述,“jquery.textarea-...

    处理textarea换行空格

    默认情况下,当用户在`textarea`中按下回车键时,浏览器会插入一个`\n`(换行符)来表示新行。对于空格,连续的多个空格在HTML渲染时会被合并为一个空格。在后端处理或存储这些数据时,可能需要进一步的转换。 1. *...

    jquery-hint:输入提示jquery plguin(支持输入的换行符,textarea)

    提示v0.2.1 ## Demos和示例 消息 2014年6月13日:删除...textarea rows="8" cols="40" name="textarea" hint="typing your suggest.\n\nThis is text.."></textarea> 原料药 选项 hintClass 提示文本类。

    js限制textarea每行输入字符串长度的代码.docx

    它首先将textarea的内容按照换行符分割,然后检查每行的长度,如果超过最大限制则截断。最后,将处理后的字符串重新设置到textarea中。 2. `showOverWords`:这个函数用于实时显示剩余的可输入字符数,它接收一个`...

    jQuery实现textarea自动增长宽高的方法

    2. 行数计算:通过将textarea的值分割成数组,以换行符("\n")为分隔符,计算出数组的长度来确定当前文本的行数。 3. 动态更新属性:在计算出新的行数后,通过.attr方法将新的行数设置到textarea的"rows"属性中,并...

    JQuery统计input和textarea文字输入数量(代码分享)

    本文主要介绍了jQuery实现统计输入文字个数的方法,需要的朋友可以参考下。 HTML部分: <input type=text value=我是输入的文字 maxlength=10 id=detail1/> <p><span id=detail1_num>0</span>/<span>10</span>...

    jquery.caret:jQuery插件来操纵输入和textarea元素的插入符位置和选择范围

    jQuery Caret插件 v1.5.2 跨浏览器的jQuery插件,可让您操纵<input>和<textarea>元素的光标位置和选择范围,以及突出显示页面上的文本。 浏览器兼容性 经过测试: IE6 + Chrome合金 火狐浏览器 特征 ...

    jQuery实现ctrl+enter(回车)提交表单

    jQuery为textarea元素提供了一个叫做ctrlSubmit的方法,这个方法可以让开发者轻松地为textarea元素绑定一个快捷键事件处理程序,使得当用户在文本区域中按下Ctrl+Enter时,能够执行预定义的操作,比如提交表单。...

    textarea中的手动换行处理的jquery代码

    通过绑定一个点击事件,当用户点击按钮时,会触发一个函数(`testabc`),此函数获取textarea中输入的内容,并使用`replace`方法和正则表达式将所有换行符(`\n`)替换为` `标签。最后,通过`alert`函数显示替换...

    jquery实现(textarea)placeholder自动换行

    首先,将多行提示文本保存到一个变量 `placeholder` 中,使用 `\n` 作为换行符。 ```javascript var placeholder = '第一行文本提示\n第二行文本提示\n第三行文本提示'; ``` 然后,为 `textarea` 绑定 `focus` 和 ...

    关于textarea提交的内容无法换行的解决办法

    然而,一个常见的问题是在用户提交 `textarea` 内容时,原始输入的换行符(通常是 `\n`)在显示到页面上时并不会被浏览器识别为换行,导致所有文本显示在同一行。为了解决这个问题,我们需要在数据提交前将这些换行...

    jquery 插件实现多行文本框[textarea]自动高度

    通过计算文本框中的换行符数量(`currentEnterCount`)和当前的行高(`lineHeight`),插件可以判断是否需要增加或减少文本框的高度。同时,它使用自定义属性`enterCount`来存储当前的行数,以便后续比较。 最后,...

Global site tag (gtag.js) - Google Analytics