如何混合jquery表单验证(http://docs.jquery.com/Plugins/Validation)和我自己的?

时间:2013-02-22 00:56:34

标签: jquery jquery-validate

我需要在网络表单上使用自定义验证。

我有2或3个选择标签显示巡视日期。它们都默认为“空”选项(即值参数返回“”)。用户可以选择一个或多个日期。

e.g。

name: required field and uses the validation plugin

1st tour: user selected April 1 tour date

2nd tour user selected April 14 tour date

3rd tour: user opted not to join

如果我使用上面链接中的验证插件,则在按下提交按钮时,我的自定义验证永远不会运行。 (按钮标签是类型提交。如果我将按钮类型更改为按钮,我的自定义javascript验证工作,但永远不会检查名称字段。)

另一个复杂因素是页面上出现的游览次数(因此选择标签的数量)不同。它本周可能是2,到下周,它将是4(从那时起创建新的。)

我已经查看了验证插件的api,但我认为它不会起作用。而且我希望将它用于可以使用它的字段,并且只依赖于我上面描述的“棘手”情况的自定义验证。

由于

1 个答案:

答案 0 :(得分:1)

引用标题:

  

“如何混合jquery表单验证   (http://docs.jquery.com/Plugins/Validation)和我自己的?“

使用插件的addMethod()方法,使用此插件可以实现的目标没有限制。

http://docs.jquery.com/Plugins/Validation/Validator/addMethod#namemethodmessage

jQuery.validator.addMethod("myRule", function(value, element, params) { 
    // your custom validation function
    // return false; // represents failed validation
    // return true; // represents passed validation
}, jQuery.format("failed - your custom message"));

回调的参数是:

  • 已验证元素的当前
  • 要验证的元素
  • 为该方法指定的
  • 参数,例如对于min: 5,参数为5range: [1, 5][1, 5]