Tôi có biểu mẫu số thẻ tín dụng. Số được chia thành bốn phần giống như trên thẻ tín dụng thực.Di chuyển tiêu điểm khi trường nhập văn bản đạt đến độ dài tối đa
Tôi muốn thêm một hương vị JavaScript vào biểu mẫu khi người dùng nhập bốn chữ cái vào một trường, tiêu điểm sẽ tự động chuyển đến thẻ tiếp theo. Nhưng không phải trong thẻ cuối cùng. Bằng cách này, người dùng không phải nhập "tab" để di chuyển tiêu điểm.
Bạn có thể thêm một số lớp, id hoặc tên bổ sung vào thẻ.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>MoveFocus</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
// some code goes here.
});
</script>
</head>
<body>
<form action="post.php" method="post" accept-charset="utf-8">
<input type="text" value="" id="first" size="4" maxlength="4"/> -
<input type="text" value="" id="second" size="4" maxlength="4"/> -
<input type="text" value="" id="third" size="4" maxlength="4"/> -
<input type="text" value="" id="fourth" size="4" maxlength="4"/>
<p><input type="submit" value="Send Credit Card"></p>
</form>
</body>
</html>
... tất nhiên một số người dùng ** sẽ ** bấm phím tab, và bỏ lỡ các lĩnh vực trên. Đừng phân chia trường, chỉ cần sử dụng một trường duy nhất. Nó làm cho mọi việc trở nên dễ dàng hơn nhiều đối với người dùng (và là những gì mọi trang web khác hiện có). – Quentin
Không phải tôi là người dùng, nhưng tôi ghét các trang web thực hiện việc này với số điện thoại, CC và SS. Tôi rất thích các trang web giải thích các phím bấm tiếp theo như đi đến hộp tiếp theo và gõ nó. Trong trường hợp của bạn, hãy chờ bấm phím thứ năm, nếu đó là số, hãy di chuyển tiêu điểm đến hộp tiếp theo và đặt ký tự đầu tiên thành số được nhấn. Nếu đó là phím mũi tên phải, hãy chuyển đến hộp tiếp theo và không đặt bất kỳ ký tự nào. Chỉ cần ý kiến của tôi về khả năng sử dụng. – jball
Ồ, và nếu người dùng nhầm lẫn khi nhập ký tự cuối cùng trong bất kỳ ô nào, họ có thể muốn phím xóa lùi của họ tiếp tục hoạt động. – Quentin