我有一个包含两个输入字段和一个文本区域的表单。在我的 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>
问题是这仅适用于输入字段而不适用于文本区域。
最佳答案
要么把 input.error{ ... 改成
input.error, textarea.error { ...
或者只是
.error{ ...
关于javascript - 不符合要求的文本区域如何显示红色边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37712449/