仅在空字段中显示错误

时间:2014-11-11 16:28:05

标签: javascript jquery

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

2 个答案:

答案 0 :(得分: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');
       }
   });

});

答案 1 :(得分:0)

如果我理解正确它可以帮到你。我没有检查结果,但它可能对你有帮助。

jQuery(function($){

    var issuccess=true;
    var fields = $('.registerForm');
    $('#registerForm').on('submit', function(e){
    if(fields.val().length == 0 || fields.var() == 0)
       issuccess=false; 
    if(email.val().length && email_match.val().length > 0) {
            if(email.val() !== email_match.val() || field.val().length == 0){
                  issuccess=false;
            } else {

            }
        }

if(issuccess)
  return true;
else
return false;


    });

});