样式错误检查元素

Styling Error checking elements

本文关键字：元素 检查 错误 样式      更新时间：2023-09-26

我有这个代码，它显示了我的错误，我正试图样式下面的三个验证请纠正下面的错误..这是可能的吗?

if (name == '' || name.length <= 2) {
        valid = '<p>Your name' + required +'</p>';  
    }
    if (!email.match(/^([a-z0-9._-]+@[a-z0-9._-]+'.[a-z]{2,4}$)/i)) {
        valid += '<p>Your email' + required +'</p>';                                                  
    }
    if (mydropdown == '') {
        valid += '<p>An item from the list' + required +'</p>';
    }

    // let the user know if there are erros with the form
    if (valid != '') {
        $('form #response').removeClass().addClass('error strong')
            .html('<strong>Please correct the errors below.</strong>' +valid).fadeIn('fast');   

    }

为<p>标签添加一个类，并使用CSS添加样式。

if (name == '' || name.length <= 2) {
    valid = '<p class="error">Your name' + required +'</p>';  
}
if (!email.match(/^([a-z0-9._-]+@[a-z0-9._-]+'.[a-z]{2,4}$)/i)) {
    valid += '<p class="error">Your email' + required +'</p>';                                                  
}
if (mydropdown == '') {
    valid += '<p class="error">An item from the list' + required +'</p>';
}

在你的CSS文件中:

p.error {
    color: red;
    font-weight: bold;
    /* whatever style you want */
}
相关文章：