清除表单上的jquery验证图标
我需要清除所有的验证错误消息和验证图标时,点击外的滑入菜单 但是,尽管表单重置和错误消息被删除,但十字标记保持不变。当我在菜单外单击时,我需要删除所有数据 我正在使用下面的代码重置表单并删除验证消息清除表单上的jquery验证图标,jquery,forms,validation,reset,Jquery,Forms,Validation,Reset,我需要清除所有的验证错误消息和验证图标时,点击外的滑入菜单 但是,尽管表单重置和错误消息被删除,但十字标记保持不变。当我在菜单外单击时,我需要删除所有数据 我正在使用下面的代码重置表单并删除验证消息 <script> $('.overlay').on('click', function(){ $("#ohut-innate-form")[0].reset(); $('#navbarSide').removeClass('reveal');
<script>
$('.overlay').on('click', function(){
$("#ohut-innate-form")[0].reset();
$('#navbarSide').removeClass('reveal');
$('.overlay').hide();
$(".error").html('');
$(".error").removeClass("error");
$("ohut-innate-form").validate().resetForm();
});
</script>
$('.overlay')。在('click',function(){
$(“#ohut固有形式”)[0]。重置();
$(“#navbarSide”).removeClass('reveal');
$('.overlay').hide();
$(“.error”).html(“”);
$(“.error”).removeClass(“error”);
$(“ohut固有形式”).validate().resetForm();
});
这是我的表格
<form class="ohut-innate-form" id="ohut-innate-form" name="ohut-innate-form" method="post">
<span class="form-group">
<label >Email Address</label>
<input type="email" name="emailReg" id="emailReg" class="validate" required>
</span>
<span class="form-group">
<label>Password</label>
<input type="password" name="passwordReg" id="passwordReg" class="validate">
</span>
<span class="form-group">
<label>Confirm Password</label>
<input type="password" name="cpassword" id="cpassword" class="validate">
</span>
<span class="form-group">
<label>Name</label>
<input type="text" name="name" id="name" class="validate">
</span>
<span class="form-group">
<label>Contact Number</label>
<input type="text" name="contact" id="contact" class="validate">
</span>
<input type="hidden" id="baseUrlReg" value="<?php echo base_url(); ?>">
<button type="submit" id="submit" class="btn btn-block btn-primary mr-2" name="Login">Register</button>
<!-- <a href="#" name="Login" id="register_user" onclick="registerUser()" class="btn btn-block btn-primary mr-2">Register</a> -->
<div class="formrow left" style="visibility: hidden;">
<div class="mainlableContent">
<input class="formtext" type="text" name="mid" id="mid" value="<?php echo $merchantid; ?>" >
<span class="glyphicon glyphicon-remove right errorcross" id="email_cross" style=""></span>
</div>
</div>
</form>
电子邮件地址
密码
确认密码
名称
联系电话
不确定这是否是您正在寻找的,但由于您标记了jQuery,所以可以使用$(窗口)
在元素外部注册单击,然后应用逻辑。您可以根据类、名称或id来确定元素的目标,这取决于最方便的方式
此外,当您退出一个元素时,是要清除验证消息并隐藏所有元素的交叉点,还是只隐藏您退出的元素
浏览一下你的代码,我认为最好的解决方案是在清除所有消息时,根据你在不同元素上的类
例如:
$(window).click(function() {
$(".error").html(''); //this is your validation/error message that will be cleared
$('.right errorcross').hide(); //this is your red cross that will be hidden
});
请注意,这是半个伪代码,这意味着您必须调整它以适应您的逻辑,主要是因为我不知道您的类具体做什么,因为您的问题中没有提供它们的代码。请单击
,然后发布一篇文章。现在无法查看您是如何设置错误的,以及为什么更改类不会清除这些错误$(窗口)。单击(函数(){$(“.errorMessageClass”).val(“”;$(“.crossClass”).hide();})代码>@Martin现在为正确验证显示绿色记号。我需要删除所有的勾号和叉号。只需针对您希望使用@ShavindiPathirana进行操作的元素,很难100%帮助您,因为您使用的是一些定制类(可能应用了一些css?),我们不知道实际做什么。请参考我下面的答案。您可以像现在一样添加嵌套类,并将其称为“elementToClear”或类似的名称,然后将其作为目标。然后您将清除具有该类的所有元素。你也可以对你想要隐藏的元素做同样的事情,除非你已经相信你有泛型类可以使用,然后很明显你就可以使用它了。看看你提供的代码,你似乎已经理解了如何清除和隐藏你想要的元素,您真正想要的是在退出元素时应用这些更改的函数,这就是我提供的函数。简单地用它来符合你的逻辑。正如我之前也说过的,如果没有进一步的信息,很难给出任何进一步的指示。