除了表单按钮(图像/超链接)之外,jQuery验证冲突提交功能吗?

时间:2011-09-19 22:38:13

标签: javascript jquery jquery-validate validation

我将举例说明我遇到的表单问题。我已经因为使用'阻碍js'并试图做一个更好的工作程序员而受到严厉批评,但是当'突兀的js'起作用而且不引人注目的不起作用时,它会让它完全令人沮丧。总体目标是将submit()之类的行为赋予实际表单类型=提交按钮以外的其他内容,在本例中为图像链接。

示例1

Example Link 1

这里的理论是点击ID“pw_submit”,表单输入被禁用(工作),调用提交函数触发验证。后者不会发生。继续前进。

示例2 -

看到这个JS小提琴:http://jsfiddle.net/YkuAk/

工作但是使用常规的html按钮,而不是我想要/需要的

正如我上面提到的,示例2“工作”在意义上被调用,但它没有实现我们使用超链接,图像等来初始化submit()函数的目标。

例3 - “突兀的JS”

Third example with Obtrusive Javascript 这个例子没有任何问题,但正如我上面提到的那样,被批评使用内联js。虽然在我看来它与示例一中的代码没有什么不同,显然它是。

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

验证插件将自己的侦听器绑定到表单提交事件。在第一个小提琴中,在click事件回调之外取$("#someform").validate();。现在的样子,插件正在向表单添加另一个提交监听器。

编辑:

误读小提琴。验证插件不会验证禁用的输入。

  

如果你真的想验证所有已禁用的表单字段,那么   插件中的相关行是       .not(“:submit,:reset,[disabled]”)可以添加或删除   功能。

src:http://forum.jquery.com/topic/jquery-jquery-validate-validating-disabled-inputs

答案 1 :(得分:0)

我不确定 - 可能已找到答案,但在示例1中,当我删除事件以禁用输入字段时 - 看起来该功能正常运行。进一步测试但不确定为什么会出现这种情况。