修改HTML Form required验证的样式与提示文字 您所在的位置:网站首页 表单required属性 修改HTML Form required验证的样式与提示文字

修改HTML Form required验证的样式与提示文字

2024-07-08 22:47| 来源: 网络整理| 查看: 265

先看下网上提供的方案:

https://blog.csdn.net/web_xiaoling_notes/article/details/45920549

如果只是最简单的非空验证,如下代码可以解决:

如果想更为复杂,更多逻辑判断,js代码不写到html里面,可以参考《财付通的一篇文章》。

如果想判断的时候,改变文本框样式、加验证小图标什么的,可以用到这几个CSS伪类:

/*===包含required的表单===*/ /* 无效 */ input:required:invalid{ CSS代码 } /* 有效 */ input:required:valid{ CSS代码 } 看以下是实例效果:

 

 



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有