十年专注于品牌网站建设 十余年专注于网站建设_小程序开发_APP开发,低调、敢创新、有情怀!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

表单中HTML5约束验证API实现方法及应用实例

百恒网络 2017-02-09 4545

为了在将表单提交到服务器之前验证数据,HTML5新增了一些功能。有了这些功能,即便 JavaScript 被禁用或者由于种种原因未能加载,也可以确保基本的验证。换句话说,浏览器自己会根据标记中的规 则执行验证,然后自己显示适当的错误消息(完全不用 JavaScript 插手)。当然,这个功能只有在支持 HTML5这部分内容的浏览器中才有效,这些浏览器有 Firefox 4+、Safari 5+、Chrome和 Opera 10+。 
        只有在某些情况下表单字段才能进行自动验证。具体来说,就是要在 HTML 标记中为特定的字段 指定一些约束,然后浏览器才会自动执行表单验证。 
       1. 必填字段 
       第一种情况是在表单字段中指定了 required 属性,如下面的例子所示: 

       任何标注有 required 的字段,在提交表单时都不能空着。这个属性适用于