<div class="coupon-exchange clearfix">
<div class="code-input">
<input type="text" placeholder="请输入兑换码" class="input" id="couponExchangeInput"/>
<i class="icon-clear" id="couponExchangeClear"></i>
</div>
<div class="btn-exchange" id="couponExchangeBtn">兑换</div>
</div>
function couponExchange() {
  //中文输入,输入完成后才触发事件
var flag = true;
$('#couponExchangeInput').on('compositionstart',function(){
flag = false;
});
$('#couponExchangeInput').on('compositionend',function(){
flag = true;
});
$('#couponExchangeInput').on('input', function(){
var _this = this;
setTimeout(function(){
if(flag){
var _val = $(_this).val();
$('#couponExchangeBtn').addClass('active');
$('#couponExchangeClear').css('display', 'block');
if(_val == ''){
$('#couponExchangeBtn').removeClass('active');
$('#couponExchangeClear').hide();
}
if(strlen(_val) > 100){
var _cutVal = cut_str(_val, 50);
$(_this).val(_cutVal);
}
}
},0);
});
$('#couponExchangeClear').click(function(){
$('#couponExchangeBtn').removeClass('active');
$('#couponExchangeClear').hide();
$('#couponExchangeInput').val('').focus();
});
$('#couponExchangeInput').blur(function(){
var _val = $(this).val();
if(strlen(_val) > 100){
var _cutVal = cut_str(_val, 50);
$(this).val(_cutVal);
}
});
$('#couponExchangeBtn').click(function(){
if($(this).hasClass('active')){
console.log(1);
}
});
}
//获取字符串的长度,一个中文占位两个字符长度
function strlen(str) {
var len = 0;
for (var i = 0; i < str.length; i++) {
var c = str.charCodeAt(i);
if ((c >= 0x0001 && c <= 0x007e) || (0xff60 <= c && c <= 0xff9f)) {
len++;
}
else {
len += 2;
}
}
return len;
}
//截取字符串的长度,一个中文占位两个字符长度
function cut_str(str, len){
var char_length = 0;
for (var i = 0; i < str.length; i++){
var son_str = str.charAt(i);
encodeURI(son_str).length > 2 ? char_length += 1 : char_length += 0.5;
if (char_length >= len){
var sub_len = char_length == len ? i+1 : i;
return str.substr(0, sub_len);
break;
}
}
}

最新文章

  1. bzoj1039: [ZJOI2008]无序运动Movement
  2. SSE and Websocket
  3. Theano2.1.18-基础知识之theano的扩展
  4. [ASE][Daily Scrum]11.13
  5. Nginx 笔记与总结(3)配置虚拟主机
  6. 使用Topshelf 5步创建Windows 服务 z
  7. [置顶] linux第二天,g++,gcc,ps,cat,sort,grep,kill,less,ls -l ,
  8. C++ primer学习记录(个人猜想未测试版本)
  9. Confluence 6 数据库表-内容(Content)
  10. labelme连续将文件夹中的json文件进行可视化的指令
  11. 元数据管理器中存在错误。 实例化来自文件“\\?\C:\Program Files\Microsoft SQL Server\MSAS11.MSSQLSERVER\OLAP\Data\Tfs_Analysis.0.db\vDimTestCaseOverlay.874.dim.xml”的元数据对象时出错。
  12. python字符串魔法
  13. Linux 流量监控工具 iftop
  14. poi实现百万级数据导出
  15. 两条线段求交点+叉积求面积 poj 1408
  16. POJ 2135 Farm Tour (网络流,最小费用最大流)
  17. 1200 同余方程 2012年NOIP全国联赛提高组
  18. Android——开机启动功能(Service和BroadcastReceiver)
  19. Unity Shader 设置纹理采样tex2D过滤方式
  20. 如何将word中的图片和文字导入自己的博客中

热门文章

  1. ArrayList遍历的三种方法
  2. RedHat下yum配置为本地或者CentOs
  3. 将DVD.iso 挂载到虚拟机
  4. 在JS中统计函数执行次数
  5. jprofiler监控wls&amp;was配置
  6. GUID和UUID、CLSID、IID 区别及联系
  7. 【漏洞复现】局域网 ARP 中间人攻击 获取他人账号密码
  8. nginx详解反向代理,负载均衡,LNMP架构上线动态网站
  9. python+ selenium&amp;APPium自动化 page Object 设计模式
  10. LAMP框架