HTML:
String
Jquery的:
<html><head>
<title>Form validation</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/fonts/style.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="js/validation.js"></script>
</head>
<body>
<form action="/action_page.php">
First name:<br>
<input type="text" class="require" name="firstname">
<div class="error">
<p><span class="icon-cross"> </span> This field is required </p>
</div>
<div class="success">
<p><span class="icon-checkmark"> This field is required</span></p>
</div>
<br>
Last name:<br>
<input type="text" name="lastname">
<br>
<div class="raio-group require">
<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other
</div>
<br>
<textarea class="require"></textarea>
<br><br>
<input class="submit_btn" type="submit" value="Submit">
</form>
</body></html>
答案 0 :(得分:1)
问题不在THIS
:它有预期的元素。问题是这些元素中没有一个具有类的祖先&#34;错误&#34; - 这是closest
将要寻找的内容(尽管它的名字)。
您似乎正在寻找该类的下一个兄弟元素。你可以用:
来做到这一点THIS.nextAll('.error').eq(0).show()
请确保在所有必填输入元素后面都有一个error
类元素,否则您将找到错误的元素。