2014-05-09 146 views
0

我创建了一个简单的HTML表单,然后使用Javascript来验证表单数据,但是当我提交表单时,它会突出显示未填充,不正确的具有红色颜色的texboxes,并突然将页面直接指向表单操作路径。这是什么原因任何人都可以请解释我是JavaScript的新手。如果我想在这里发布我的代码,请帮助我。Javascript验证没有正确工作

+0

是的,请张贴你的代码。 – lifetimes

+0

你需要发布一些代码。你的帖子就像打电话给医生说的:“我的孩子哭了,他怎么了?”,他怎么知道的?你需要带孩子去看医生。在这种情况下,请将您的代码带入社区。 –

+0

这是我的javascript代码 ................ – Erandi

回答

1

您忘记取消默认事件(即提交表单)。

但是,抛开,你不应该使用JS进行表单验证。 HTML5为我们提供了所有我们需要的工具。

例子:

<input type="email" required /> 

尝试输入的东西,这不是一个电子邮件地址。或者什么也没有。您的浏览器以原生方式为您处理。毕竟,屏幕阅读器如何知道文本框边框变为红色意味着它填满了错误?

<input type="date" /> 

日历!希望...好的,所以并不是所有的东西都得到了支持,但是问题依然存在。如果你写自己的JS验证,你将不可避免地出错,并花费大量的时间来调试浏览器已经可以为你做的事情;)

+0

@ Niet感谢它工作正常,当我第一次创建不幸我的代码太长,把它放在这里我做了一些在我的HTML代码的变化,我写了javascript代码验证基本形式的细节是的,我使用HTML5选项。我想要的是,如果用户输入错误的数据,文本框的边框颜色变为红色,弹出警报出现,说出错。在这里,当我提交它出现不正确的红色提交,然后页面刷新和重定向到窗体的行动路径。有没有什么方法可以将我的整个代码放在这里... – Erandi