jQuery validate 设置失去焦点就校验和失去焦点就表单校验是否通过

最新推荐文章于 2022-09-15 01:45:10 发布

转载最新推荐文章于 2022-09-15 01:45:10 发布 · 254 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jepson6669/p/9062455.html

文章标签：

#javascript #ViewUI

本文介绍了一种自定义验证样式的实现方法，通过修改CSS样式来改变验证错误和成功的提示外观。这种方法可以应用于网页表单验证中，以提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js部分

html部分

自定义样式：

    /*自定义validate覆盖掉了 validate 里面默认的显示样式*/
    label.error{ 
    background:url(${pageContext.request.contextPath }/images/unchecked.gif) no-repeat 10px 3px; /* no-repeat 背景图片不填充*/
        padding-left: 30px;
        font-family:georgia;
        font-size: 15px;
        font-style: normal;
        color: red;
    } 
    
    label.success{
        background:url(${pageContext.request.contextPath }/images/checked.gif) no-repeat 10px 3px;
        padding-left: 30px;
    }