Javascript 如何验证输入字段？

我需要验证这些输入文件

只能输入四个数字

只能输入数字

如果填充4个用户输入，则自动选项卡

html

js

$（“#num3”）.on（'keypress'，函数（事件）{
var key=event.keyCode | | event.charCode；
var maxlength=4；
var num1=$（“#num1”）.val（）.length；
var num2=$（“#num2”）.val（）.length；
var num3=$（“#num3”）.val（）.length；
var num4=$（“#num4”）.val（）.length；
$（this.val（$（this.val（）.replace（/[^0-9\.]/g'）；
如果（$（this）.val（）.length你是说这个


$（函数（）{
$（“输入[id^='num']”）。在（'keyup'，函数（事件）上{
var key=event.keyCode | | event.charCode；
var maxlength=4；
$（this.val（$（this.val（）.replace（/[^0-9\.]/g'）；
var len=$（this）.val（）.length；
如果（（len

.row{
显示：块；
位置：相对位置；
宽度：500px；
}
.clearfix:之前，.clearfix:之后{
可见性：隐藏；
显示：块；
字号：0；
内容：“；
明确：两者皆有；
身高：0；
显示：表格；
}
保险商实验室{
列表样式：无；
显示：块；
}
罗乌利先生{
浮动：左；
宽度：75px；
右边距：2px；
}











这可以工作，而且更干净

$(document).ready(function(){
        $("input").keypress(function(event){
            var x = event.which || event.keyCode;
            if (x<48||x>57){
            return false;
            }
            console.log(parseInt($(this).attr("id")));
            if  (($(this).val().length+1)==4){
                  $(this).parent().next().find("input").focus();
            }

        });

    });

$（文档）.ready（函数（）{
$（“输入”）。按键（功能（事件）{
var x=event.which | | event.keyCode；
如果（x57）{
返回false；
}
log（parseInt（$（this.attr（“id”））；
if（$（this.val（）.length+1）==4）{
$（this.parent（）.next（）.find（“input”）.focus（）；
}
});
});

只需将输入ID更改为1,2,3,4

您的js代码在演示中的什么位置？您尝试了什么？@Prasanga:
.row { 
    display:block;
    position:relative;
    width:500px;
}
.clearfix:before,.clearfix:after {  
    visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0; display:table;
}
ul { 
    list-style:none;
    display:block;
}
.row ul li { float:left; width:75px; margin-right:2px; }

$("#num3").on('keypress', function (event) {
        var key = event.keyCode || event.charCode;
        var maxlength = 4;
        var num1 = $("#num1").val().length;
        var num2 = $("#num2").val().length;
        var num3 = $("#num3").val().length;
        var num4 = $("#num4").val().length;
        $(this).val($(this).val().replace(/[^0-9\.]/g,''));
        if($(this).val().length <=  3){
            $('#num3').css('background','#ECECEC');
        }else if(($(this).val().length ==  4)  && (key == 8 || key == 46)){
            $('#num3').css('background','#ECECEC');
        }
        else{
            $('#num4').focus();
            return false;
        }

$(document).ready(function(){
        $("input").keypress(function(event){
            var x = event.which || event.keyCode;
            if (x<48||x>57){
            return false;
            }
            console.log(parseInt($(this).attr("id")));
            if  (($(this).val().length+1)==4){
                  $(this).parent().next().find("input").focus();
            }

        });

    });