步骤向导验证

Question

我在步骤向导表单中创建了一些验证输入，但是当我尝试验证输入字段时出现错误，它给我一个错误：

Uncaught TypeError: input_single[i].val is not a function

这是我的JS：

$(".next-step").click(function (e) {

        //Make some validation
        var curStep = $(this).closest(".tab-pane"),
            curStepBtn = curStep.attr("id"),
            isValid = true;

        var input_single= curStep.find("input[type='text']");

        var temp = 0;

        //clean all
        $('.error-list').html("");

        if(input_single.length > 0){

            for(var i=0; i< input_single.length; i++){

                if (input_single[i].val() != ""){
                    temp = temp+1;
                }
            }

            if(temp === 0){
                isValid = false;
                $('.error-list').append("<li class='error'><i class='fa fa-angle-right'></i> Required field</li>");
            }
        }


        }

Answer 1

您在此处input_single[i].val() != "" DOM元素input_single[i].val() != ""并且将val（）用作DOM属性，但实际上是Jquery函数。

在您的情况下，您应该尝试使用input_single[i].value !== "" 。