HTML5表单验证的条件规则

时间:2012-04-15 21:14:03

标签: html5 webforms

我想知道是否可以根据其他元素状态设置“必需”元素。例如,假设我有一个输入元素,当且仅当用户检查特定复选框时,我才想要“输入”。首先,这可以在不使用JavaScript的情况下完成吗?其次,如果我们使用JavaScript,当然可以设置规则/验证,如果用户检查该复选框,但是关于默认浏览器验证错误的一致性呢?单击复选框后,向元素添加“required”属性是否“正确”?我在这里看不到替代品。你对这个有什么看法?

2 个答案:

答案 0 :(得分:3)

如果没有javascript,我认为你不能这样做。

使用javascript,你可以很容易地做到这一点。

我只会在点击复选框后添加required属性。

实际上,我会将其设为toggled段,以便用户取消选中并取消输入。

但是,我不会依赖浏览器对required属性的实现。相反,我会使用一些CSS创建我自己的必需通知(突出显示,动画,显示一些单词)。

答案 1 :(得分:0)

如果不可用,您可以使用polyfills模拟原生验证:
https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills