表单验证自定义验证

Time:2016/12/27

首先是html的部分,基本有三个部分。

label:表单描述,格式<label for="">。

input:注意其type的设定。

span:用作其验证样式,通过添加class实现丰富的交互。

其次是js的部分。

首先要获取表单的元素和span;

然后通过三个事件的查询:onfocus onkeyup onblur来为验证添加交互效果。

主要可以应用innerHTML设置span的内容;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,933评论 18 139
  • [TOC] 课程内容回顾 什么是JavaScript,有几个部分组成脚本语言,浏览器,ECMAScript BO...
    chcvn阅读 529评论 0 0
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,621评论 32 459
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,321评论 1 41
  • 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http:...
    狼之独步阅读 3,179评论 0 2