this.$graceChecker.check 多行文本换行符非空校验不通过

最新推荐文章于 2023-08-31 15:59:44 发布

cesium vue

最新推荐文章于 2023-08-31 15:59:44 发布

阅读量582

点赞数

分类专栏： uniapp 文章标签： uniapp

本文链接：https://blog.csdn.net/qq_29384639/article/details/123135028

版权

2 篇文章 0 订阅

订阅专栏

本文探讨了在前端开发中遇到的textarea输入校验问题，特别是当输入包含换行符导致校验失败的情况。通过使用正则表达式将换行符替换为HTML的换行标签`<br>`，解决了这个问题，确保了表单数据的正确提交和验证流程的顺畅。同时，文章提及了$graceChecker校验工具的使用方法。

摘要由CSDN通过智能技术生成

问题：

<textarea maxlength="200" class="replyform-textarea" v-model="replyform.itemContent" placeholder="请输入..." />

var rule = [
				{
					name: 'itemContent',
					checkType: 'string',
					checkRule: '1,200',
					errorMsg: '请输入事项内容'
				}
			];

var checkRes = this.$graceChecker.check(formData, rule);

如果textarea中含有换行符，则一直校验不通过。

正则替换掉换行符 \n 为 <br>

var regN = new RegExp("\n","g");
this.replyform.itemContent = this.replyform.itemContent.replace(regN, "<br>")

关注