个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我编写了这个用于验证非空输入字段的简单脚本。
例如，当表单被发送并且 ID 为“name”的输入为空时，该元素旁边将显示一条短消息。问题是如果表单再次发送一次并且输入不再为空，这样做$(element).nextAll().remove() 将导致 ID 为“phone”的元素消失。
我只需要删除消息错误而不是所有其他元素。
请提出一个简单易行的方法来解决该问题。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#formu").submit(function(){
validateInputText($("#name"),"Enter you name");
validateInputText($("#phone"),"Enter your phone number");
return false;
});
function validateInputText(inputText, errorMessage){
if($(inputText).val()==''){
setFieldAsNotValid(inputText, errorMessage)
}else{
removeErrorMessage(inputText)
}
}
function setFieldAsNotValid(element, errorMessage){
$(element).nextAll().remove();
$(element).after('<b>'+errorMessage+'</b>')
$(element).addClass('selected');
}
function removeErrorMessage(element){
$(element).nextAll().remove();
$(element).removeClass('selected');
}
});
</script>
</head>
<body>
<form id="formu">
name: <input type="text" id="name" />
phone: <input type="text" id="phone" />
<input type="hidden">
<input type="submit">
</form>
</body>
</html>
最佳答案
你为什么不直接给你的错误信息一个类呢？例如:
<b class="error">Message here</b>
<p class="error">Message here</p>
然后删除您调用的任何错误消息
$('.error').remove();
关于jQuery - 如何为这种特殊情况替换 $(element).nextAll().remove()，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11805413/
25
4
0
我得到了这个html Main Alliase/Current Alliase: You'r App would be also named after this only" h
这是 post 请求中的代码块。 JSON 回复存储在“data”中 var a=data.Data.overview; var b=data.Data.extras; //summary var r
我需要在每个具有“topRow”类的 TR 的第一个子 TD 上添加一个点击事件，该事件会切换具有“subRow”类的所有下一个 TR 行，跳过 TR.topRow 下的第一个 TR。 表格示例
我希望有人能帮忙。我有一堆带有类“.my-div-1”、“.my-div-2”、“.my-div-3”等的 div。每个 div 内都有一个按钮，单击该按钮时会删除该 div 。我想要做的是更新所有正
我有一个支持键盘导航的列表。但是，还有额外的 jiggery pokery(本示例中未包含)可以显示和隐藏列表中的项目。隐藏项目后，键盘导航需要继续运行，但仅限于可见项目。 我的这个工作很好。当最后一
我试图找到一个函数来选择在整个页面上单击的元素之后匹配的所有元素。不管他们在什么容器里。nextAll 只给 sibling 。单击第二个时，我需要每个具有类族的 DIV，除了其中带有文本 First
jquery遍历：next()和nextAll()方法。实例如下： 复制代码 代码如下: <html> <head> &l
我有这个功能: $('.trackInputHours').change(function() { var changeVal=$(this).val(); $(this).close
我有一个如下所示的 HTML 表格，并希望在 display-order="-1" 之后获取所有 parent_tr ... .... //no of `td`
我有一个表，我使用 jQuery 数据函数向所有行添加了一些信息，如下所示: $(tr).data('info',info); 这工作正常，但这是棘手的部分:如果我单击一行，我将其余行克隆到另一个表，
我不知道这个问题的答案，这真的让我很恼火，我以为这很简单。我想从选定元素中获取下一个和上一个元素到一个限制(比如 2)。这是一个例子: link 1 link 2 link 3 link 4 lin
使用下面的代码... $("table#flooring tr") .find('td:eq('+checkbox+') input[type="checkbox"]') .prop('disable
这是我的问题 在 StackOverflow 上找到的相关/类似问题中找不到任何可行的解决方案。 我有一个充满ajax数据的选择，我们称其为“mainSelect”，它有一个“selectSometh
请帮助我如何隐藏位于 3 个元素之后的所有元素？ $('.pagination_number').eq(3).nextAll('.pagination_number').hide() 1 2 3 4
我正在尝试在用户退出输入字段时获取下一个输入字段的 ID: $("input").blur(function(){ var theid = $(this).attr('id'); var thefie
我的 html 是: Delete
我编写了这个用于验证非空输入字段的简单脚本。 例如，当表单被发送并且 ID 为“name”的输入为空时，该元素旁边将显示一条短消息。问题是如果表单再次发送一次并且输入不再为空，这样做$(element
当 menuitem 被点击时，它的兄弟项会 float 到右边。 为此我使用了 jQuery 的 nextAll()。 我的问题是， float sibling 的顺序颠倒了，我希望它们保持初始顺序
事情是这样的:我需要在其他 HTMLElements 列表中查找一个元素，寻找下一个具有“.wanted-class”类的元素。我在同一类的元素之一中触发/捕获了一个 click 事件。我最终得到了如
HTML: - Parent Task - - Child task 1 - - Child task 2 jQuery 获取父任务的子任务 var selectedOption = $(
我是一名优秀的程序员,十分优秀！