gpt4 book ai didi

javascript - 自动填写复制粘贴的电话号码字段

转载 作者:行者123 更新时间:2023-12-03 04:02:27 26 4
gpt4 key购买 nike

我对 webdev 和 html 整体来说有点陌生,仍在学习。我有一个包含 3 个字段的基本电话号码表单,并且一直在尝试制作它,以便您可以将号码直接复制到字段中。可以检查前一个字段是否已填写,然后用数字的下一部分填充下一个框?
感谢您提供的任何帮助。
(这是 html)

<html>
<head>

<title>Phone Input Test</title>
<script type= javascript>
var isNN = (navigator.appName.indexOf("Netscape")!=-1);
function autoTab(input,len, e) {
var keyCode = (isNN) ? e.which : e.keyCode;
var filter = (isNN) ? [0,8,9] : [0,8,9,16,17,18,37,38,39,40,46];
if(input.value.length >= len && !containsElement(filter,keyCode)) {
input.value = input.value.slice(0, len);
input.form[(getIndex(input)+1) % input.form.length].focus();
}

function containsElement(arr, ele) {
var found = false, index = 0;
while(!found && index < arr.length)
if(arr[index] == ele)
found = true;
else
enter code here
index++;
return found;
}

function getIndex(input) {
var index = -1, i = 0, found = false;
while (i < input.form.length && index == -1)
if (input.form[i] == input)
index = i;
else
i++;
return index;
}
return true;
}
</script>

</head>
<body bgcolor=#ffffff>
<form action="phonetest.html" method="post">
<input type="text" name="dest_ac" size=3 onKeyUp="return autoTab(this, 3, event);" maxlength=3>
<input type="text" name="dest_niu" size=3 onKeyUp="return autoTab(this, 3, event);" maxlength=3>
<input type="text" name="dest_st" size=4 maxlength=4>
</form>
</body>
</html>

最佳答案

    $(function () {

var $inputs = $(".def-txt-input");
var intRegex = /^\d+$/;

$inputs.on("input.fromManual", function () {
if (!intRegex.test($(this).val())) {
$(this).val("");
}
});


$inputs.on("paste", function () {
$inputs.attr("maxlength", 15);
var $this = $(this);
var originalValue = $this.val();


$this.val("");

$this.one("input.fromPaste", function () {

var values = $(this).val().match(/.{1,1}/g);
$("#txtBox1").val("");
$inputs.attr("maxlength", 5);
for (i = 0; i < values.length; i++) {
if ($("#txtBox1").val().length < 5) {
this.value = this.value.toString() + values[i];
}
else if ($("#txtBox2").val().length < 5) {
$("#txtBox2").val( $("#txtBox2").val().toString() + values[i]);
}
else if ($("#txtBox3").val().length < 5){
$("#txtBox3").val($("#txtBox3").val().toString() + values[i]);
}
}

});


});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="txtBox1" type="text" class="def-txt-input" maxlength="5">
<input id="txtBox2" type="text" class="def-txt-input" maxlength="5">
<input id="txtBox3" type="text" class="def-txt-input" maxlength="5">

关于javascript - 自动填写复制粘贴的电话号码字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44668076/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com