Вопросы Теги

Перемещение фокуса, когда входное текстовое поле достигает макс. длины

У меня действительно есть форма номера кредитной карты. Число разделено на четыре части так же, как на реальной кредитной карте.

Я хочу добавить вкус JavaScript к форме, куда, когда пользователь вводит четыре буквы в поле, фокус автоматически переходит к следующему тегу. Но не в последнем теге. Путем выполнения этого пользователь не должен вводить ключ "вкладки" для перемещения фокуса.

Это должно хорошо добавить некоторый дополнительный класс, идентификатор или имя в тегах.

<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>
23
задан TK. 24 December 2009 в 19:01
поделиться