javascript - 仅在空字段中显示错误

Question

jQuery(function($){

    var fields = $('.registerForm');

    fields.blur(function(){ 

        var field = $(this);
        var text = field.context.id;

        if(field.val().length == 0 || field.val() == 0){
            $('#' + text).addClass('error')
        }
        if(email.val().length && email_match.val().length > 0) {
            if(email.val() !== email_match.val() || field.val().length == 0){
                $('#email, #email_match').addClass('error')
            } else {
                $('#email, #email_match').removeClass('error')
            }
        }
    });
    fields.focus(function(){
        var field = $(this);
        var text = field.context.id;
        if(field){
            $('#' + text).removeClass('error')
        }
    });
});

这种和平的代码仅将类错误添加到空输入或电子邮件和通行证不相等的情况下。现在我只想在按下提交时执行相同的操作，它必须仅将类提供给空白空间。

$('#registerForm').on('submit', function(e){
if(fields.val().length == 0 || fields.var() == 0) 
 //Give only the empty area's the class error
e.preventDefault();
});

我该怎么做？

表单 ID 为 registerForm，所有输入均具有类 registerForm

Answer 1

这个怎么样:

$('#registerForm').on('submit', function(e){

   //Give only the empty area's the class error
   e.preventDefault();
   fields.each(function() {
       if ($(this).val().length == 0 || $(this).var() == 0) {
           $(this).addClass('error');
       }
   });

});