检查电子邮件验证和输入字段是否已插入

时间:2019-08-19 23:45:51

标签: jquery

我正在尝试创建注册向导,该向导会检查是否有任何字段为空并且电子邮件有效。

如果首页有输入内容:

  

名称

     

电话号码

     

电子邮件

第二页有输入:

  

商家名称

     

电话号码

     

电子邮件

必须先检查这些验证,然后才能返回第二页。

我的代码:

function IsEmail(email) {
    var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    if(!regex.test(email)) {
        return false;
    } else {
        return true;
    }
}

/*
    Form
*/
$('.f1 fieldset:first').fadeIn('slow');

$('.f1 input[type="text"], .f1 input[type="password"], .f1 input[type="email"], .f1 textarea').on('focus', function() {
    $(this).removeClass('input-error');
});

// next step
$('.f1 .btn-next').on('click', function() {
    var parent_fieldset = $(this).parents('fieldset');
    var next_step = true;
    // navigation steps / progress steps
    var current_active_step = $(this).parents('.f1').find('.f1-step.active');
    var progress_line = $(this).parents('.f1').find('.f1-progress-line');

    // fields validation    
    console.log($('input[type="text"]').val() + $('input[type="password"]').val() + $('input[type="email"]').val());
    parent_fieldset.find('input[type="text"], input[type="password"], input[type="email"], textarea').each(function() {
        if( $(this).val() == "") {
            $(this).addClass('input-error');
            next_step = false;
        } else {
            $(this).removeClass('input-error');
        }
    });

    parent_fieldset.find('input[type="email"]', function() {
        if( IsEmail('input[type="email"]') == false) {
            $('input[type="email"]').addClass('input-error');
            next_step = false;
        } else {
            $('input[type="email"]').removeClass('input-error');
        }
    });
    // fields validation

    if( next_step ) {
        parent_fieldset.fadeOut(400, function() {
            // change icons
            current_active_step.removeClass('active').addClass('activated').next().addClass('active');
            // progress bar
            bar_progress(progress_line, 'right');
            // show next step
            $(this).next().fadeIn();
            // scroll window to beginning of the form
            scroll_to_class( $('.f1'), 20 );
        });
    }

});

问题:输入和电子邮件验证无效,它可以单击“下一步”按钮并显示第二页(向导形式)。

0 个答案:

没有答案