Chrome Android 6x版本输入值替换重复值

Question

这个问题发生在我的手机上(三星Galaxy Note 4)

我使用的是jQuery，我试图编写这样的代码，如果一个人在输入时填充()值，文本就会溢出为4位数字。

例: 123412341234将变成1234-1234-1234

但是当我测试我的代码示例时：123412341234

它变成

1234-1123-4121-2341-2312-3412-3412-3412-3411-2341-2341-2123-4123-4123-1234-1234-1234 

下面是我的代码：

$('#account_bank_number').keyup(function(e){
  e.preventDefault();
  var account_bank_number = $(this).val();
  var account_bank_number_filter = account_bank_number.replace(/-/g, "");
  var account_bank_number_new = autoSplit(5, account_bank_number_filter, '-');
  $('.debug-mode').html(account_bank_number_new);
}

function autoSplit(number, string, splitChar) {
  var stringLength = string.length;
  var countNumber = 1;
  var newString = '';

  for (var i = 0; i <stringLength ; i++) {
    if (countNumber == number && string.charAt(i) != splitChar) {
        newString = newString+splitChar+string.charAt(i);
        countNumber = 2;
        continue;
    } 
    newString = newString + string.charAt(i);
    countNumber++;
  };
return newString;

}

我做错了什么？

Answer 1

嗨，不确定你是否需要这个，但是你可以做一个简单的：

var str = "123412341234";
str.replace(/(.{4})/g,"$1-").slice(0,-1);

​

$(document).ready(function(){
	//uncomment if you want do it onload page
	//$( "#account_bank_number" ).keyup();
});

//test on click to the input
$( "#account_bank_number" ).click(function() {
  $( "#account_bank_number" ).keyup(); //this is a trigger
});

$('#account_bank_number').keyup(function(e){
e.preventDefault();
var account_bank_number = $(this).val();
var account_bank_number_filter = account_bank_number.replace(/-/g, "");//no sure you need it ...
var account_bank_number_new = account_bank_number_filter.replace(/(.{4})/g,"$1-").slice(0,-1);
$('.debug-mode').html(account_bank_number_new);
//adding the value to the input comment if you dont need	
this.value = account_bank_number_new;
});

.debug-mode{background-color:red;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<input id="account_bank_number" type="text" value="1234123412341234"/>
<div class="debug-mode"></div>

​

简单判读“。是绳子。"{4}“是每4个字符剪切字符串的数字。"$1-“是一种模式。"$1“是新的字符串裁剪，"-”结尾是要添加的字符，片段用于删除替换函数添加的最后一个字符。问候