0

このコードがあり、エラーが表示されます。以下のエラーを修正してくださいの下にある 3 つの検証のスタイルを設定しようとしています。これは可能ですか?

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');   


    }
4

1 に答える 1

1

<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 */
}
于 2012-12-29T00:18:44.800 に答える