我使用h5Validate脚本来验证我的表单。 一切正常。
这是一个输入字段:
<input id="ort" name="ort" type="text" data-h5-errorid="error-message" class="field text fn" >" required size="8" tabindex="1" />
这是错误消息:
<section class="errors"><p id="error-message"><span>Bitte füllen Sie die markierten Felder aus.</span></p></section>
问题是每次离开输入字段时都会出现错误消息,并且该消息是否为空。
按下提交后是否有可能出现消息。?? 然后用户填写所有输入并再次按提交。 谢谢。
答案 0 :(得分:0)
您可以控制触发表单字段验证的事件。为此,请关闭focusout
,focusin
,change
,keyup
。
但是,我强烈反对更改默认设置。 h5Validate的默认设置是通过观察用户与使用数百万月度用户的购物车进行交互来设置的。我们拍摄了与购物车互动的用户的实时视频录制,并调查了1,000名用户,并对错误消息触发器进行了微调,以产生我们可以的最佳用户体验。
我们发现,当您等待用户点击提交时,他们经常很难确定哪个字段需要修复 - 即使表单旁边有内联错误消息领域。此问题在小屏幕(例如移动设备)上特别不好,或者使用大字体迫使用户滚动以点击提交。
当他们移动到下一个字段时进行内联验证会立即提醒用户,在尝试提交表单之前需要更正某些内容。当用户与表单交互时实时验证,用户的成功率提高了两位数百分点,这使得该特定购物车中的数百万美元相差无几,并且使用户更加快乐。
默认情况下,当用户提交表单时,h5Validate也会运行表单验证。