重庆时时彩走势图下载:重庆时时彩开奖记录

关闭

核弹头小游戏

游戏轻松点
无需下载,点开即玩

拿起手机!扫我啊

核弹头小游戏
无需下载点击即玩

回到顶部

当前位置: 重庆时时彩开奖记录 > 游戏教程 > 正文

html5 required 验证显示信息能不能修改

重庆时时彩开奖记录 www.iogb5.com.cn 来源:重庆时时彩开奖记录 www.iogb5.com.cn    作者:集   时间:2016-04-25

小编看到不少玩家都在问如何改变表单required的提示文字,接下来小编就为您带来详细解答。

重庆时时彩开奖记录 required 验证显示信息到底应该怎么修改呢?修改的同时可否再美化一下,通过这个required判断来改变表单文本框的提示样式?本文小编就为您带来详细教程,希望对大家能够有所帮助。

首先是改变提示文字。默认的文字是“请填写此字段”和“请匹配要求的格式”。

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

<input type="text" name="user_name" required oninvalid="setCustomValidity('不能为空')" oninput="setCustomValidity('')" />

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

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

/*===包含required的表单===*/

/* 无效 */

input:required:invalid{

CSS代码

}

/* 有效 */

input:required:valid{

CSS代码

}

我只是做了最简单的背景图和边框颜色。当然如果你还可以放个span在表单后面,警告为红色字,通过相邻选择符(E+F)来控制后面的span的显示和隐藏。

以上便是小编为您带来的全部内容了,更多精彩内容敬请关注核弹头重庆时时彩开奖记录网。

核弹头小游戏网发布此文仅为传递信息,不代表认同其观点或者证实其描述!
  • 黄渤挑战苏绣“一出好戏” 2019-06-18
  • 民政厅“挪公款盖私房”实属集体腐败 2019-06-18
  • 最高法发布互联网公开审判流程信息规定 9月1日起施行 2019-06-17
  • 秘鲁丹麦世界排名靠前且接近 两队目标:小组第二 2019-06-16
  • 北京朝阳百子湾南一路发生车祸致2死3伤 2019-06-16
  • 头发-热门标签-华商生活 2019-06-15
  • 凯恩率“三狮军团”艰难战胜突尼斯 2019-06-14
  • 美国商团在涉华听证会前密集建言反对美对华关税计划 2019-06-13
  • 路上安全  警钟长鸣:宝马SUV闯红灯  十字路口被面包车顶翻 2019-06-13
  • 西藏积极开展防沙治沙宣传 建设美丽西藏 2019-06-12
  • 不是特效!上港队长一脚踢中海鸥 这脚法简直坑爹 2019-06-11
  • 一切都是老板炒工人的鱿鱼 2019-06-11
  • 黄河壶口瀑布水量大增 主副瀑布连成一线 2019-06-10
  • 江西颁发首张基层群众性自治组织特别法人统一社会信用代码证 2019-06-09
  • “云南导游辱骂威胁游客案”一审宣判:游客消费不达标  导游言语侮辱 2019-06-09
  • 870| 522| 918| 346| 430| 587| 382| 772| 445| 529|