HTML5表单约束
验证器使您能够使用HTML5表单验证属性.
开始
使用时,表单属性为HTML输入设置约束,这些约束由浏览器强制执行。
可用的约束条件如下:
要求
模式
(正则表达式)最小值
而且马克斯
- HTML5数据类型(例如,
电子邮件
,URL
,数量
,等等)
有关设置Kendo验证器和内置验证规则的使用以及创建自定义验证规则的详细信息,请参阅验证规则部分。
要使用HTML5表单验证,请将所需的HTML5属性添加到HTML中输入
元素。
当浏览器支持HTML5验证时,它会在允许表单提交之前自动尝试验证输入是否与定义的约束匹配。如果输入元素未能满足约束,浏览器将为用户显示验证消息。HTML5还提供了许多新的JavaScript api,可用于手动输入验证处理,例如checkValidity ()
.
应用程序绝对不能依赖客户端验证作为输入验证的唯一形式。客户端验证可以帮助改善应用程序中的用户体验,但它不能取代对所有用户输入进行服务器端数据验证的需要。
浏览器的问题
根据验证约束,浏览器可能会暴露以下问题:
- 旧的浏览器不支持HTML5表单验证。
- 现代浏览器对HTML5表单的支持是不完整的.
- 浏览器创建的验证错误消息很难或不可能重新设置样式。
Kendo UI Validator解决了浏览器web应用程序的实时需求,并使您能够通过使用JavaScript增强HTML5表单验证概念。