验证输入字段。可用性

时间:2014-03-18 23:00:01

标签: javascript jquery validation usability

我正在做网站,这将有助于人们收集他们的 水表读数。目前我正在做输入表格以添加当前月份读数。

浏览器在用户输入数据时检查数据,而不是在表单发送之后/之后(通过jquery)。例如,用户输入123并在之后按d。按下d后,错误将出现在输入字段等附近...所以字段在keyup操作上验证

我正在考虑添加测试,如果用户输入的值将会传递,该值不会比上个月(或上个月,也就是最后输入的)值小。

想象一下:上个月的仪表值是250.当前255.输入字段是空白的。用户盯着打印。他按2(现在输入值为2)。还记得关键时刻正在测试价值吗? jQuery将开始测试并将返回错误,因为2(字段中的当前值)< 250(上个月的米价值)。之后他按5(现在输入值为25)。 25< 250,所以jquery仍会显示错误,该值,用户输入无效。之后他再次打印5(现在输入的值为255)。 255不是<然后250,所以错误信息/阻止将消失。

所以问题是这样的:在这个测试的密钥上显示错误是否正确(检查输入的值是否小于上个月的值)?我认为这不是正确的,因为有些用户非常喜欢电脑,而且这条消息可以吓唬他们或者发誓:))))是否可以或者我应该找到一种方法来测试这个onblur操作(从字段中移除焦点)?但是显示错误消息(我的意思是c的可用性)是否为时已晚?由于更好的可用性,我在检查输入数据时检查输入(所以ppl知道他在输入阶段的错误,而不是在发送表单之后)。

也许还有其他建议?

2 个答案:

答案 0 :(得分:0)

添加2个事件,一个onkeyup和一个onblur? onkeyup可以检查不正确的字符,onblur可以将输入值与上个月进行比较

答案 1 :(得分:0)

为keyup添加超时,这可能是同一问题的重复:

How to trigger an onkeyup event that's delayed until a user pauses their typing?