js设置placeholder

最新推荐文章于 2025-05-16 17:10:47 发布

shaonian1996

最新推荐文章于 2025-05-16 17:10:47 发布

阅读量4k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/qq_41179401/article/details/82930219

javascript 专栏收录该内容

43 篇文章

订阅专栏

本文介绍了一种在用户输入非法信息时，通过CSS样式高亮表单placeholder的方法。使用了针对不同浏览器的伪类选择器，如-moz-placeholder、::-moz-placeholder、-ms-input-placeholder和::-webkit-input-placeholder，来实现红色高亮效果。并通过jQuery的addClass方法动态添加错误类，同时清空非法数据。

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

问题：当用户输入表单信息不合法是加亮placeholder

首先将加亮后的信息写在css指定的类里如：.error

.error:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: red;
    font-weight: bold;  
}

.error::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: red;
    font-weight: bold;  
}

input.error:-ms-input-placeholder{
    color: red;
    font-weight: bold;  
}

input.error::-webkit-input-placeholder {
    color: red;
    font-weight: bold;  
}

当用户输入的信息不合法是便添加这个class，如jq里这样写

$('#username').addClass('error'); 
$('#username').get(0).value='';    //清空提交的不合法数据