input text框 输完一个自动跳到下一个

 

 

<input type="text" name="sn1" maxlength="4" id="sn1"/> - <input type="text" name="sn2" maxlength="4" id="sn2"/> - <input type="text" name="sn3" maxlength="4" id="sn3"/> - <input type="text" name="sn4" maxlength="4" id="sn4"/>

 

<script type="text/javascript">

    //输入序列号

    function device_verify() {

        var sn = $("#sn1").val() + $("#sn2").val() + $("#sn3").val() + $("#sn4").val();

        $(".loading_series").show(); //loading图标

        $("#device_msg").hide(); //错误序列号提示

        $(".verify_content").hide(); //请核对设备信息

        var purl = "http://192.168.0.155:8087/mc/rapi/v1/device/verify";

        var pparm = {

            "source": "12",

            "token": "444433-233332",

            "devicesn": sn,

            "imagewidth": 60,

            "imageheight": 60

        };



        $.ajax({

            cache: false,

            type: "GET",

            url: purl,

            data: pparm,

            dataType: "jsonp",

            jsonp: "callback",



            success: function(obj) {

                if (obj.ret == '0') {

                    $(".device_pic img").attr("src", obj.imageurl);

                    $(".device_name").html(obj.devicetype);

                    $('.verify_content').show();

                    $("#device_msg").hide();

                    $(".loading_series").hide();

                    $("#a_step1").attr("href", 'bpdemo.req?html=step_2');

                } else {

                    $(".loading_series").hide();

                    $(".verify_content").hide();

                    $("#device_msg").html(obj.msg).show();

                }

            }

        });

    }



    $(document).ready(function() {

        $("#sn1").focus();



        //自动跳到下一个输入框  

        $("input[name^='sn']").each(function() {

            $(this).keyup(function(e) {

                e = window.event || e;

                var k = e.keyCode || e.which;

                if (k == 8) {   //8是空格键

                    if ($(this).val().length < 1) {

                        $(this).prev().focus();

                        $(this).prev().focus(function() {

                            var obj = e.srcElement ? e.srcElement: e.target;

                            if (obj.createTextRange) { //IE浏览器

                                var range = obj.createTextRange();

                                range.moveStart("character", 4);

                                range.collapse(true);

                                range.select();

                            }

                        });

                    }

                } else {

                    if ($(this).val().length > 3) {

                        $(this).next().focus();

                    }

                }

            })

        });



        $("input[type='text'][id^='sn']").bind('keyup',

        function() {

            var len = $("#sn1").val().length + $("#sn2").val().length + $("#sn3").val().length + $("#sn4").val().length;

            if (len == 16) device_verify();

        });



    });

</script>