取消高亮显示输入组

作者: 爱我真好
发布时间: 2024-01-24 08:14:31 (5月前)
转自：

4 条回复

0#
回复此人
不想吃东西 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你可以尝试在中添加一个方法 unhighlight：就像是 </p> <pre> <code> $('.error').removeClass(errorClass); </code> </pre> <P> 或定义相关的输入和做 </p> <pre> <code> $('.relatedInputs').removeClass(errorClass); </code> </pre> <P> 你也可以添加一个onChange函数 </p> <pre> <code> function(el){ if(el.val() == ''){ $('.relatedInputs').removeClass(errorClass); } } </code> </pre> </DIV>

编辑
1#
回复此人
نسر الصحراء | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您需要在焦点事件上添加一个函数，然后当用户离开该字段时，表单字段将更新。 </p> <P> 这很难，因为你正在使用一个插件，所以所有的调用都发生在那里，但我觉得这样的事情会起作用： </p> <pre> <code> var inputs = $('form').find('input'); inputs.focus(function () { inputs.each(function () { $(this).removeClass('error'); }); }); </code> </pre> <P> 只需将其粘贴在验证初始化程序之外的代码中即可。 </p> <P> 如果在验证器之外定义了errorCode变量，然后在两个函数中使用了该变量，那就更好了，如下所示： </p> <pre> <code> var errorClass = 'error'; $('form').validate({ errorClass: errorClass, ... ... }); var inputs = $('form').find('input'); inputs.focus(function () { inputs.each(function () { $(this).removeClass(errorClass); }); }); </code> </pre> </DIV>

编辑
2#
回复此人
故人 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 通过使用这个，我能够获得所需的功能： </p> <pre> <code> onfocusout: function(element) { var inputs = $(element).closest('form').find('input, select'); inputs.each(function() { if ($(this).valid()) $(this).removeClass('error'); }); } </code> </pre> <P> 这是受到另一篇文章和DoubleA的回答的启发。我没有彻底测试它，看它是否有任何退步，但到目前为止似乎有效。 </p> </DIV>

编辑

登录后才能参与评论