Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 可单击添加到字段标签的错误图标_Jquery_Html_Css_Validation_Label - Fatal编程技术网

Jquery 可单击添加到字段标签的错误图标

Jquery 可单击添加到字段标签的错误图标,jquery,html,css,validation,label,Jquery,Html,Css,Validation,Label,你好, 对于字段级错误验证,我们将向字段标签添加一个错误图标(X红色图像)作为背景图像 现在,由于它作为背景图像添加到标签中,它显示为可点击[但只能说点击了标签],当点击错误图标时,焦点移到字段输入。我们可以将其作为单独的img元素添加到标签旁边,但仍然 我想知道是否有任何方法,我使错误图标不能点击,仍然添加它作为背景图像谢谢是的,您可以将css添加到该元素或父元素中,以避免它收到单击。您没有在问题上发布代码,因此这里是一个一般示例。我使用了类避免单击,您应该将其添加到错误标签或其父项中。只需避

你好,

对于字段级错误验证,我们将向字段标签添加一个错误图标(X红色图像)作为背景图像

现在,由于它作为背景图像添加到标签中,它显示为可点击[但只能说点击了标签],当点击错误图标时,焦点移到字段输入。

我们可以将其作为单独的img元素添加到标签旁边,但仍然


我想知道是否有任何方法,我使错误图标不能点击,仍然添加它作为背景图像

谢谢

是的,您可以将css添加到该元素或父元素中,以避免它收到单击。您没有在问题上发布代码,因此这里是一个一般示例。我使用了类
避免单击
,您应该将其添加到错误标签或其父项中。只需避免在输入字段中添加同样常见的父项即可

.avoid-clicks {
  pointer-events: none;
}

还请记住,用户希望能够点击该
X
,而改变预期的行为并不受欢迎,这会降低您网站上的用户体验。

显示您的代码并首先尝试使用谷歌帮助您发布您当前的html和jQuery,以便更好地了解您的页面结构吗?