关于textarea超过一定字数，不能提交问题

最新推荐文章于 2021-05-24 17:53:57 发布

最新推荐文章于 2021-05-24 17:53:57 发布 · 165 阅读

文章标签：

#JSP #JavaScript #Flash #Google #脚本 #ViewUI

html和css 专栏收录该内容

63 篇文章

订阅专栏

本文探讨了HTML表单中textarea长度过长导致无法提交的问题，解析了GET与POST提交方式的区别，并提供了一种JavaScript解决方案来限制输入长度。

1,<form action="a.jsp">
<textarea rows="20" name="111"></textarea>
<input type="submit" name="ok" value="ok" />
</form>

2,<form action="a.jsp" method="post">
<textarea rows="20" name="111"></textarea>
<input type="submit" name="ok" value="ok" />
</form>

然后你从网上复制一段文章下来，粘贴上去。发现如果textarea长度大于一定值的时候，
1不能提交，2能提交。
呵呵，原来1默认是get方式提交，get提交有字数限制，这就是为什么：一个表单中有textarea框，一旦内容超过几百字符后，点击提交页面无反应。少于这个数量即可正常提交。

脚本判断长度：
<script type="text/javascript">
function CheckTextarea() {
var regC = /[^ -~]+/g;
var regE = /\D+/g;
var str = document.forms[0].tsnr.value;

if (document.forms[0].tsnr.value.length>250){
alert("不能超过250个字符！");
document.forms[0].tsnr.focus();
return (false);
}

// 超过长度，截取提交 regC ;中文 regE: 字码
// if (regC.test(str)){
// document.forms[0].tsnr.value = document.forms[0].tsnr.value.substr(0,250);
// }

// if(regE.test(str)){
// document.forms[0].tsnr.value = document.forms[0].tsnr.value.substr(0,500);
// }
}
</script>

<body>

<form action="a.jsp" method="post" onsubmit="return CheckTextarea();">
<textarea rows="20" name="tsnr"></textarea>
<input type="submit" name="ok" value="ok" />
</form>

</body>