У меня есть форма номера кредитной карты. Номер делится на четыре части, как на реальной кредитной карте.
Я хочу добавить вкус JavaScript к форме, когда пользователь вводит четыре буквы в поле, фокус автоматически переходит к следующему тегу. Но не в последнем теге. Таким образом, пользователю не нужно вводить клавишу "tab" для перемещения фокуса.
В тегах можно добавить лишний класс, id или имя.
<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>