Question

我得到了插件并按预期工作，除了现在我想要的是在电子邮件无效时禁用提交按钮＆amp;如果电子邮件有效，请重新启用它，那么该怎么做呢？

JS

$('#email').mailgun_validator({
    api_key: 'xxxx',
    in_progress: validation_in_progress,
    success: validation_success,
    error: validation_error,
});

// in_progress
function validation_in_progress() {
    $('#status').html("<img src='assets/loading.gif' height='16'/>");
}

// success
function validation_success(data) {
    $('#status').html(get_suggestion_str(data['is_valid'], data['did_you_mean']));
}

// invalid
function validation_error(error_message) {
    $('#status').html(error_message);
}

// suggest a valid email
function get_suggestion_str(is_valid, alternate) {
    if (alternate) {
        return '<small class="help-block warning">Did you mean <b>' + alternate + '</b>?</small>';
    } else if (is_valid) {
        return '';
    } else {
        return '<small class="help-block error">Address is invalid.</small>';
    }
}

以及提交btn的代码

$("#validate_submit").attr('disabled');

但我不知道我应该把它添加到上面的js。

Answer 1

终于搞定了。

function validation_success(data) {
    $('#status').html(get_suggestion_str(data['is_valid'], data['did_you_mean']));
    if (!data['is_valid'] || data['did_you_mean']) {
        $('input[type="submit"]').attr('disabled', true);
        console.log('yes');
    } else {
        $('input[type="submit"]').attr('disabled', false);
        console.log('else');
    }
}

Mailgun电子邮件验证器

1 个答案: