我想知道是否有可能基于某些其他元素状态设置元素“required”。例如,假设我有一个输入元素,当且仅当用户检查特定的复选框时,我才想要“输入”元素。首先,这可以做到这一点,而不使用JavaScript?其次,如果我们使用JavaScript,那么当用户检查该复选框时,当然可以设置规则/验证,但是关于默认浏览器验证错误的一致性如何?一旦复选框被点击,将“required”属性添加到元素是否“正确”?我在这里没有看到替代方案。你对这个有什么想法?HTML5表单验证的条件规则
回答
我不认为你可以做到这一点没有JavaScript。
使用JavaScript,您可以轻松完成此操作。
只有在复选框被点击后,我才会添加required
属性。
实际上,我会将此作为toggled
件,以便用户可以取消选中并取消输入。
但是,我不会依赖浏览器的required
属性的执行。相反,我会使用一些CSS创建我自己需要的通知(突出显示,动画,显示一些单词)。
您可以使用polyfills模仿时无法使用本机验证:
https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills
可能有一些脚本,但如果JS被禁用,你将有一些字段的验证,而不是其他人。 – Jonas 2012-04-16 16:04:30
无论如何,你必须做服务器端验证。而且你必须接受JS可以被禁用的事实,并且在这种情况下,polyfill将不起作用。但它只能改善用户体验,所以为什么不做呢? – 2012-04-17 08:04:16
- 1. JQuery中的条件规则验证
- 2. jQuery插件验证条件规则
- 3. Laravel 5.5条件表单请求验证规则更新
- 4. HTML5表单验证
- 5. 表单验证规则,不遵守
- 6. form_radio设置表单验证规则()
- 7. 合并CodeIgniter表单验证规则
- 8. 笨表单验证未设定规则
- 9. 表单验证 - 帮助规则
- 10. 条件和非条件在一个良好的验证规则
- 11. 电子邮件的HTML5表单验证
- 12. Symfony条件表单验证
- 13. html5验证表单标记
- 14. JQM(jQueryMobile)HTML5表单验证
- 15. HTML5表单验证模式
- 16. CodeIgniter验证规则
- 17. Jquery - 验证 - 规则
- 18. 规则验证color_id
- 19. 使用jQuery表单验证equalTo规则动态生成表单
- 20. 设置AWS DynamoDB表的验证规则
- 21. 验证规则无法正确更新2验证规则
- 22. jQuery验证插件(正则表达式)的自定义规则
- 23. CakePHP 3中的条件表单验证
- 24. Orbeon表单中的条件验证
- 25. yii1有特殊条件的验证规则
- 26. jquery验证一条规则失败不应跳转到另一条规则
- 27. jQuery的验证规则和autoNumeric插件
- 28. jQuery的验证插件动态规则
- 29. 正则表达式:如果/否则HTML表单验证中的条件
- 30. Kohana的验证规则(该规则或该规则)
“不过,我不会依赖于浏览器的实现所需要的属性” - 我同意!我在想,如果我会使用JavaScript,我可以解决我的问题,但是,如果JavaScript被禁用(只是假设..),那么我会让浏览器对某些字段进行默认表单验证,但对其他字段不会。除非(我应该在前面提到这个)我在HTML中使用了“novalidation”,这会被JavaScript删除,这意味着如果没有JavaScript,那么只会有服务器端验证。 – Jonas 2012-04-15 21:37:58