Javascript 当文本区域不满足要求时，如何在文本区域中显示红色边框？

我有一个表单，有两个输入字段和一个文本区域。在我的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文件中，我有一个错误类，当提交后字段出现错误时，它会将边框变成红色。这是我的班级：

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>

---

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

将input.error{…更改为

input.error, textarea.error { ...

或者只是

.error{ ...

---

将input.error{…更改为

input.error, textarea.error { ...

或者只是

.error{ ...

---

这应该可以为您做到：

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

由于只针对输入元素，因此还需要针对textarea元素

---

请参阅fiddle:

这将为您完成以下任务：

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

由于只针对输入元素，因此还需要针对textarea元素

---

请参阅fiddle:

共享您的html，因为您正在使用输入。错误{}我的猜测是，您需要以文本为目标，但如果没有看到html，我们无法为您选择正确的元素。尝试将css选择器更改为input.error，textarea.error{border:1px solid f00；}与其使用input.error，不如直接使用它。error@JaqenH'ghar是对的，在css中也添加textarea.error.Just.error还可以使您在必须支持下拉列表的情况下更轻松。共享您的html，因为您使用的是input.error{}我的猜测是，您需要以文本为目标，但如果没有看到html，我们就无法为youtry将css选择器更改为input.error，textarea.error{border:1px solid f00；}与其使用input.error，不如直接使用它。error@JaqenH'ghar是对的，在css中也添加textarea.error.Just.error，如果您必须支持下拉列表，也会更容易。