各位大侠,解决个问题
要实现文字输入验证提示功能,比如多余50字就提示:不能输入超过50个字,直接上代码
用户输入内容的代码,一个代表商品名称,一个代表商品描述
<td><input name="" type="text" value="" id="ProductName" /></td>
<td><textarea name="productDesc" cols="" rows="3" id="ProductDesc"></textarea></td>
进行验证的js代码为:
验证商品名称,输入不能超过10个字符
$("#ProductName").keyup(function() {
if ($("#ProductName").val().length > 10) {
$("#PrizeNameLimit1").addClass("activityNamelimitabc2");
$("#PrizeNameLimit1").removeClass("activityNamelimitabc1");
$("#PrizeNameLimit2").addClass("activityNamelimitabc1");
$("#PrizeNameLimit2").removeClass("activityNamelimitabc2");
}
});
验证商品描述,输入不能超过20个字符
$("#ProductDesc").keyup(function() {
if ($("#ProductDesc").val().length > 20) {
$("#PrizeNameLimit1").addClass("activityNamelimitabc2");
$("#PrizeNameLimit1").removeClass("activityNamelimitabc1");
$("#PrizeNameLimit2").addClass("activityNamelimitabc1");
$("#PrizeNameLimit2").removeClass("activityNamelimitabc2");
}
});
具体的实现为提示文字依据用户输入字符的数量进行切换:比如如果没超过最大输入文字数量,则显示提示文字1,如果超过,则显示提示文字2,将上述js代码放在一个单独的函数中,可是上述js代码根本不执行?请各位大侠指点!
PrizeNameLimit1、PrizeNameLimit2是什么?
你要的是不是这个效果:http://jscode.chinacxy.com/code/d2563f8f47402957ec8efd61ebdbc9d2.aspx