javascript - 不符合要求的文本区域如何显示红色边框？

Question

我有一个包含两个输入字段和一个文本区域的表单。在我的 js 文件中，我有以下要求:

rules: {
                name: { //input field
                    required: true,
                    minlength: 5,
                    maxlength: 40,
                    diffname: true
                },
                email: { //input field
                    required: true,
                    email: true,
                    diffmail : true
                },
                message: { //textarea
                    required: true,
                    minlength: 3,
                    maxlength: 50,
                    diffname: true
                }
            }

在我的 css 文件中，我有一个错误类，当字段在提交后出现错误时，它会将边框变成红色。这是我的类(class):

input.error {
    border: 1px solid #f00;
        } 

这是我的 html 表单:

<form method="post" id="send">
<input type="text" name="name" id="name" value="" /></br>
<input type="text" name="email" id="email" value="" /></br>
<textarea name="message" id="message"></textarea></br>
<button name="submit" type="submit">Send</button>
</form>

问题是这仅适用于输入字段而不适用于文本区域。

Answer 1

要么把 input.error{ ... 改成

input.error, textarea.error { ...

或者只是

.error{ ...