文本框字符限制在69个以内——Bigcommerce后台添加产品
2012-05-22 15:34
260 查看
Bigcommerce后台添加产品时,他的标题限制在69个字符内。但这个系统本身没有计数的功能,每次Copy一个产品标题时,都要在Word里面计算好个数是在69个以内,才能输入到后台,十分麻烦。以下针对这个问题制作了一个小插件:
脚本:
<SCRIPT LANGUAGE="JavaScript">
<!--//
function textCounter(field, countfield, maxlimit) {
//无法输入
//if (field.value.length > maxlimit)
//field.value = field.value.substring(0, maxlimit);
//else
//countfield.value = maxlimit - field.value.length;
countfield.value = field.value.length;
}
//-->
</SCRIPT>
页面:
<form enctype="multipart/form-data" action="index.php?ToDo={{ FormAction|raw }}" id="frmProduct" method="post">
<input type="text" id="prodName" name="prodName" class="Field400" value="{{ ProdName|raw }}" onKeyDown="textCounter(document.getElementById('frmProduct').prodName,document.getElementById('frmProduct').remLen,69);" onKeyUp="textCounter(document.getElementById('frmProduct').prodName,document.getElementById('frmProduct').remLen,69);"> You
can enter<input class="tlength" name="remLen" type="text" value="69" readonly="readonly">characters
</form>
添加样式:
.tlength{font-size:12px;color:#f00000;width:25px;border:none;padding:0 0 0 5px;background:#f9f9f9;}
脚本:
<SCRIPT LANGUAGE="JavaScript">
<!--//
function textCounter(field, countfield, maxlimit) {
//无法输入
//if (field.value.length > maxlimit)
//field.value = field.value.substring(0, maxlimit);
//else
//countfield.value = maxlimit - field.value.length;
countfield.value = field.value.length;
}
//-->
</SCRIPT>
页面:
<form enctype="multipart/form-data" action="index.php?ToDo={{ FormAction|raw }}" id="frmProduct" method="post">
<input type="text" id="prodName" name="prodName" class="Field400" value="{{ ProdName|raw }}" onKeyDown="textCounter(document.getElementById('frmProduct').prodName,document.getElementById('frmProduct').remLen,69);" onKeyUp="textCounter(document.getElementById('frmProduct').prodName,document.getElementById('frmProduct').remLen,69);"> You
can enter<input class="tlength" name="remLen" type="text" value="69" readonly="readonly">characters
</form>
添加样式:
.tlength{font-size:12px;color:#f00000;width:25px;border:none;padding:0 0 0 5px;background:#f9f9f9;}
相关文章推荐
- 文本框限制字符长度+文本框限制只能填数字+文本框只读 不可编辑
- js 过滤非法字符,只输入数字,文本框长度限制
- 【项目经验】——文本框限制输入字符长度
- Bigcommerce: 给模板添加一个自定义的产品属性,使用$GLOBALS全局变量调用
- 文本框限制只能输入数字并添加千位分隔符
- Bigcommerce:给产品评论添加管理员的回复功能
- Bigcommerce:cart页面和wishlist页面添加产品的SKU
- ASP.NET jQuery 食谱13 (原创jQuery文本框字符限制插件-TextArea Counter)
- 利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
- HTML 限制文本框只能输入特定字符(比如数字 onkeyup+onafterpaste)
- HTML 限制文本框只能输入特定字符(比如数字 onkeyup+onafterpaste)
- JS对文本框输入字符的限制
- ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
- 文本框限制字符输入方法 JavaScript
- jQuery实现限制textarea文本框输入字符数量的方法
- Magento后台单一产品删除图片添加全选和全不选选项
- ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
- js实现统计录入文本框中的字符的个数,并加以限制
- WordPress优化:给后台登录添加验证码以及登录限制