Question

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

如果首页有输入内容：

名称

电话号码

电子邮件

第二页有输入：

商家名称

电话号码

电子邮件

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

我的代码：

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 个答案: