jquery初心者です。
テキストボックスに13文字入れると次のテキストボックスにフォーカスするページを作っています。
現在jquery-2.2.4.min.jsを使って作成しておりますが、
jquery-3.3.1.min.jsで作成したいです。
jquery-3.3.1.min.jsに置き換えただけではバージョンの違いのせいか、
動かないため、どのように書くのかご助言をいただきたいです。
見当違いな質問かもしれませんが、どうぞよろしくお願いいたします。
以下ソースコードです
lang
1 2<!DOCTYPE html> 3<head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 5 <script src="jquery-2.2.4.min.js"></script> 6</head> 7 8<body> 9 <form> 10 <input type="text" name="card_number1" maxlength="13"> <br> 11 <input type="text" name="card_number2" maxlength="13"> <br> 12 <input type="text" name="card_number3" maxlength="13"> <br> 13 <input type="text" name="card_number4" maxlength="13"> <br> 14 <input type="submit" value="送信"> 15 </form> 16</body> 17 18<script> 19$('input[type=text]:first').focus(); 20 21$('input[name^="card_number"]').keyup(function() { 22 23 var n = $("input").length; 24 25 if ($(this).val().length >= $(this).attr('maxlength')) { 26 var nextIndex = $('input').index(this) + 1; 27 if(nextIndex < n) { 28 $('input')[nextIndex].focus(); 29 } 30 } 31}); 32</script> 33</html>
回答1件
あなたの回答
tips
プレビュー