Javascript 上一个div显示内联

如何显示最靠近输入框的div（带有类名）

我有几个输入框，所以我只需要显示特定的输入框

在我的示例中，我想在输入上方显示一个div框（显示inputbox有错误的内容，即数字而不是字母）。如果inputbox有字母，则div必须再次隐藏

所以它应该是一个正常的错误报告

我的代码如下：

函数计算（）{
var regex=new RegExp（/[~`！\\$%\^&*+=\-\[\]\\'，/{}\\\\\“：\？（）]/）；
变量字母=/[a-zA-Z]+/；
错误1=错误；
错误2=错误；
错误3=错误；
变量输入=['ID1'，'ID2']；
var元素；
对于（i=0；i因为已经有关于
使用的答案。我将采取不同的方法，建议您删除所有不必要的
元素，并关注您想要实现的目标。您希望在用户在其中一个输入中键入错误时显示错误消息

最好使用跨度或标签，这些元素通常用于显示表单错误

因此，您需要一种选择所有输入的方法。所有输入都有一个
.form control
类，因此您可以使用jQuery：

$（'.form控件'）

观察
change
或
blur
事件，根据需要使用jQuery的
.parent（）
和
.find（）
查找并显示错误消息

我对您的代码做了很多修改，使其更清晰，更能描述其功能：

您所期望的是存在的，只要更改if条件即可。默认情况下，我将其设置为真


函数计算（元素）{
var regex=new RegExp（/[~`！\\$%\^&*+=\-\[\]\\'，/{}\\\\\“：\？（）]/）；
变量字母=/[a-zA-Z]+/；
变量inputBox=$（元素）；//$（“#”+输入[i]）；
if（true/*regex.test（element.value）和&letter.test（element.value）*/）
{
VaR PAR=输入框.PARTEN（）；//将返回封闭DIV
PAR＝PAR。PARTEN（）；//将返回类“行”的div
VaR RealReals= PAR。（）；//将返回以前的div，它是类“行Errorreport”的div。
//在报告中做任何事
css（“显示”、“块”）；
css（“边框”，“4px实心红色”）；
}
// 			}
}

错误id 1
错误id 2
试试
$（element）.最近的（'.Errorreport'）
然后它会显示所有类，但我只想得到最近的（上面的那个）@xDreamCodingcall parent（）方法2次。它会给带有类“row”的div。它会给一个dom元素。然后调用prev（），它会给以前的同级。
$（element）.最近的（'.Errorreport:eq（0）]
function calculate(){

var regex = new RegExp(/[~`!#$%\^&*+=\-\[\]\\';,/{}|\\":<>\?()]/);
var letter = /[a-zA-Z ]+/;

error1 = false;
error2 = false;
 error3 = false;

 var input = ['ID1','ID2'];
 var element;

 for(i=0;i <element.length; i++{
 element = document.getElementById(input[i]);

   if(regex.test(element.value) && letter.test(element.value)){
  element.style.border = '4px solid red';

 //Here's where i'm stuck
 //i'm trying to SHOW the previous Div with class(Errorreport) if the input is wrong 

 //$(element).prev('.Errorreport').show(); doesn't work

   }
   }

}