关于 jQuery 内联表单验证的问题

Question

这是我正在尝试使用的关于 jQuery 内联表单验证的链接 http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

一切看起来都不错，但我有一个小问题

我有一个使用这种验证的输入

'validate[length[6,15]]'

它检查输入值的长度是否小于 6 或大于 15 并给出错误。

现在我想要添加输入值 length=0 的机会，因此验证不会触发任何错误消息。

这可能吗？

更新

这是提交拦截功能

<script type='text/javascript'>
  $(document).ready(function() {
$('#standart_form').validationEngine();
 $('#standart_form').submit(function() {
  return false;
 });
 });
  </script>

现在当我使用这个'validate[length[6,15]]' 时，一切正常。但是如果我尝试使用新的自定义函数，整个表单都会提交自己破坏我基于 ajax 的应用程序。

Answer 1

您使用的插件不支持开箱即用，但它的自定义功能允许您自己实现该行为。

例如，您可以指定在验证字段时使用的正则表达式。您需要将其添加到您的翻译文件中：

"emptyOrLengthBetween6And15": {
    "regex": /^$|^.{6,15}$/,
    "alertText": "* Empty, or between 6 and 15 characters long"
},

然后您可以在custom 验证器中引用它：

class="validate[custom[emptyOrLengthBetween6And15]]"

您也可以编写自己的验证函数：

function checkEmptyOrLengthBetween6And15(field, rules, i, options)
{
    var val = field.val();
    if (val.length > 0 && (val.length < 6 || val.length > 15)) {
        return "* Empty, or between 6 and 15 characters long";
    }
}

然后在 funcCall 验证器中使用它：

class="validate[funcCall[checkEmptyOrLengthBetween6And15]]"