私はwebdev、html全体がまだまだ新しいです。私は3つのフィールドを持つ基本的な電話番号フォームを持っており、フィールドに番号をコピーできるようにしようとしています。前のフィールドが満たされているかどうかをチェックし、次のボックスに数字の次の部分を入力する何か?
ご協力いただきありがとうございます。
あなたは、いくつかの数字が入力された後に自動入力したい、それを見てみるとコピーペーストの電話番号フィールドを自動入力する
<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>
私が正しく理解していれば、あなたはそれが2-3桁の数字を入力した後に自動入力したいですか?もしそうでなければ、データベースや角度のようないくつかのタイプのWebフレームワークがなければ可能かどうかわかりません。 Webフレームワークを使用していても、データベースなしの方法はないと思います。 –
@ジャスミタルタン閉じる。私は、最初のフィールドに電話番号をコピーし、数字の部分をとり、適切なフィールドに入力することを意味しました。 303 456 4854のように、最初のボックスの303、2番目のボックスの456など。 –
なぜそれをしたいのか分かりませんが、とにかく、3を2回スライスすると、4つの数字が残されます。数値を変数に保存してから入力をクリアし、変数にある値を入力に割り当てます。 jQueryを使用している場合、 '' '$(" dest_ac ")。value(variable_first_three)' '' –