jquery - 手动验证我的表单

Question

在我的 jquery 脚本中，我有两个函数来验证表单中的每个字段。当我单击“提交”时，它会检查表单中每个字段的验证，但我希望它使我的一些字段成为可选字段。

这是我的代码

function validateSteps(){

    var FormErrors = false;
    for(var i = 1; i < fieldsetCount; ++i){
        var error = validateStep(i);
        if(error == -1){

            FormErrors = true;

        }

        }

    $('#formElem').data('errors',FormErrors);   
}
    function validateStep(step){
    if(step == fieldsetCount) return;

    var error = 1;
    var hasError = false;
    $('#formElem').children(':nth-child('+ parseInt(step) +')').find(':input:not(button)').each(function(){
        var $this       = $(this);
        var valueLength = jQuery.trim($this.val()).length;

        if(valueLength == ''){

            hasError = true;
            $this.css('background-color','#FFEDEF');
        }
        else
            $this.css('background-color','#FFFFFF');    
    });
    var $link = $('#navigation li:nth-child(' + parseInt(step) + ') a');
    $link.parent().find('.error,.checked').remove();

    var valclass = 'checked';
    if(hasError){

        error = -1;
        valclass = 'error';
    }
    $('<span class="'+valclass+'"></span>').insertAfter($link);

    return error;
}

如何将我的一些字段设为可选？

Answer 1

您可以通过执行类似的操作来缩小主要选择范围

$('#formElem').children(':nth-child('+ parseInt(step) +')')
              .find(':input:not(button):not(.nocheck)')

需要将 nocheck 类分配给您不想检查的字段(=可选字段)。

编辑:以下 JSfiddle 显示了(仅)正在执行的选择:http://jsfiddle.net/K6zpD/(打开 JavaScript 控制台查看输出。选中的输入字段的名称将列在那里。)