HTML5 表单验证

Posted

技术标签:

【中文标题】HTML5 表单验证【英文标题】:HTML5 Form Validation 【发布时间】:2013-03-23 02:37:33 【问题描述】:

有没有办法在不需要的输入元素中使用 html5 的内置表单验证? IE。当且仅当字段具有实际值时,是否有办法验证 HTML5 输入?

例如,我想使用以下标记来检查some_name 是否是一个 URL,当且仅当用户在输入中实际输入了一个值。如果用户将input 留空,则表单应该仍然可以照常提交。

<input type="url" name="some_name" [some attribute or additional markup?]/>

非常感谢您的帮助。

【问题讨论】:

【参考方案1】:

使用接受 javascript 正则表达式的模式属性。

&lt;input type="url" name="some_name" pattern="your regular expression"/&gt;

【讨论】:

以上是关于HTML5 表单验证的主要内容,如果未能解决你的问题,请参考以下文章

HTML5 表单验证

Html5之高级-3 HTML5表单验证(验证属性验证状态)

仅使用 HTML5 表单验证验证可见字段?

HTML5 表单验证

在 Prototype 中使用表单验证的 HTML5 表单占位符回退

HTML5自学笔记[ 3 ]表单验证反馈