我有一个主页面,其中存在leftnavigation.jsp和header.jsp。现在,左侧导航包含指向少数网页的超链接(比如general.jsp、contact.jsp)。单击这些超链接,这些网页就会打开。就像我单击常规链接,它就会打开,如果我单击contact.jsp的链接,联系人网页就会打开一样。现在,这些网页在表单末尾的保存按钮上进行了验证。
现在,当用户单击左侧导航上的链接来更改网页时,我想让这些验证(每个网页都有保存按钮上的验证功能)发挥作用。leftnavigation.jsp不包含任何表单元素。它只包含链接或涂鸦有什么建议吗?
听起来很简单。您可以使导航栏链接在单击时调用表单的验证函数。也许是这样的:
<a href="anotherpage.jsp" onclick="validate(); return true;>Click me!</a>
不过,这只是一个警告:以这种方式保证验证是不可能的,用户可以绕过验证(例如,用户可以单击后退按钮)。如果这正是您想要实现的,请考虑运行验证函数onpropertychanged
或onkeyup
。和往常一样,表单验证不应该(几乎)成为阻碍;如果用户没有正确键入内容,不要显示alert
消息或做任何真正分散注意力的事情。
请注意,上面的代码如何允许用户更改页面,而不管表单的验证状态如何。如果表单验证失败,您可以让onclick
函数返回false
,但这是可以绕过的,这对用户来说是一种障碍。
如果这真的是必要的,不管怎样,都要让链接工作,但要显示一条小消息,可能是以div
的形式悄悄地弹出在页面顶部,警告用户他们的一个表单条目不正确。
在导航链接上侦听click
事件,然后运行验证函数:
function listen(event, elem, func) {
if (elem.addEventListener) {
elem.addEventListener(event, func, false);
} else if (elem.attachEvent) {
elem.attachEvent('on' + event, func);
}
}
var links = document.getElementsByTagName('a');
listen('click', links, validationFunction);
如果您正在传递变量,那么将验证函数封装在一个匿名函数中:
listen('click', links, function(param) { validationFunction(param); });