Javascript 如何动态填充文本区域&；通过Jquery发送的错误消息

我是Jquery新手&现在我有两个textarea。当点击Add按钮时，我必须在点击时连续动态地添加两个文本区域，并且还必须生成错误消息

$（文档）.ready（函数（e）{
var计数器=1；
$（“#添加按钮”）。单击（函数（）{
var newTextBoxDiv=$（document.createElement（'div'））.attr（“id”，“TextBoxDiv”+计数器）；
newTextBoxDiv.after（）.html（'必须少于30个字符。必须少于50个字符'）；
newTextBoxDiv.appendTo（“#textboxsgroup”）；
计数器++；
});
$（'#prodetails prdut nme cnt'）.html（剩余30个字符）；
$（'#prodetails prdut nme'）.keyup（function（）{
var text_length=$（'#prodetails prdut nme'）.val（）.length；
var text_剩余=30-text_长度；
如果（文本_剩余<0）{
$（'.prodetails prdut nme error msg'）.show（）；
$（this.addClass（'cnt-error-clr'）；
$（'#prodetails prdut nme cnt'）.hide（）；
}否则{
$（“#产品详细信息prdut nme cnt”）.show（）；
$（this.removeClass（'cnt-error-clr'）；
$（'.prodetails prdut nme error msg'）.hide（）；
}
$（'prodetails prdut nme cnt'）.html（剩余文本+剩余字符'）；
});
$（#prodetails spec cnt'）.html（剩余50个字符）；
$（'prodetails spec'）.keyup（函数（）{
var text_length=$（'prodetails spec'）.val（）.length；
var text_剩余=50-text_长度；
如果（文本_剩余<0）{
$（'.prodetails规范错误消息'）.show（）；
$（this.addClass（'cnt-error-clr'）；
$（'#产品详细说明规范cnt'）.hide（）；
}否则{
$（'#产品详细说明规格cnt'）.show（）；
$（this.removeClass（'cnt-error-clr'）；
$（'.prodetails规范错误消息'）.hide（）；
}
$（'prodetails spec cnt'）.html（剩余文本+剩余字符'）；
});
});

必须少于30个字符。
必须少于50个字符。
到目前为止，您尝试过什么吗？请发布一些代码，以便人们可以帮助您链接不可点击；另外，请将所有代码粘贴到这里。@pkprabu你们可以试试jquery验证。但是，我想动态地生成这些错误消息&如果框不止一个，我认为单独为所有框编写代码不是一个好做法。是否有可能像我所展示的那样动态地编写错误消息？到目前为止您尝试过什么吗？请发布一些代码，以便人们可以帮助您链接不可点击；另外，请将所有代码粘贴到这里。@pkprabu你们可以试试jquery验证。但是，我想动态地生成这些错误消息&如果框不止一个，我认为单独为所有框编写代码不是一个好做法。是否可以像我所展示的那样动态地编写错误消息？