网页字段验证

时间:2008-08-14 02:50:26

标签: webpage

我需要验证网页上的日期/时间字段,但希望它在不重新加载页面的情况下执行此操作,并希望为用户提供“即时”反馈。

什么是最好/最简单的解决方案。 顺便说一句:最简单的得分为总积分的65%

编辑: 如果最好是总积分的65%会怎么样?

10 个答案:

答案 0 :(得分:3)

如果您想使用JavaScript,那么它内置了日期验证功能。但是,如果您不想使用JavaScript路由,则可以将UI更改为下拉控件,这会限制用户输入无效数据的能力。您仍然需要检查服务器端以确保没有人在2月30日提交。

答案 1 :(得分:2)

@David H. Aust

使用onblur进行验证是有问题的,因为有些人使用回车键而不是鼠标来提交表单。结合使用onblur和表单的onsubmit事件可能是一个更好的解决方案。当我对表单进行JS验证时,我会反对keyup事件。这为用户提供了关于他们的输入是否正确的即时反馈。你可以(而且我做的)也把支票放到位,这样用户就不会收到“不正确”的消息,直到他们离开现场(因为你不应该告诉他们如果他们没有完成他们是不正确的)尚未)。

答案 2 :(得分:2)

查看此javascript date validation功能。

它使用javascript,正则表达式和文本输入的'onblur'事件。

答案 3 :(得分:1)

@Brian Warshaw
这是一个非常好的观点,你不会忘记通过键盘导航的用户(呃,我)。

感谢您关注我们。

答案 4 :(得分:1)

如上所示,我建议使用下拉日期。我真的没有想到任何理由 - 你希望用户从预先定义的数据中选择,而不是给你一些你无法预料到的独特的东西。

你可以通过一点点Javascript避免使用2月30日(根据月份动态填充日期字段)。

答案 5 :(得分:0)

以太网中有几个日期小部件可用。然后你只能允许有效的输入。

答案 6 :(得分:0)

一个简单的javascript方法,可以在提交时读取输入字段中的内容并对其进行验证。如果它无效,则返回false,以便表单不会提交给服务器。

... onSubmit="return validateForm();" ...

确保您在服务器端验证,也很容易绕过javascript验证。

答案 7 :(得分:0)

如果您使用的是ASP.NET,它会有验证器控件,您可以指向文本框,然后可以使用它们来验证正确的日期/时间格式。

答案 8 :(得分:0)

看起来有一个关于ASP.NET AJAX控件工具包的精彩视频提供了MaskedEdit控件和MaskedEditValidator控件,效果很好。初学者不容易,但非常好,即时反馈。

感谢所有答案!

asp.net

不幸的是我无法接受这个答案

答案 9 :(得分:0)

我在一些项目中使用了这一小部分js代码,它可以快速轻松地与其他项目一起使用。

Link