javascript - 使用 jQuery Validate 规则标记必填字段

标签 javascript jquery validation

我已经实现了 bassistance.de 的 jQuery 验证插件,并通过在我想要验证的每个表单下方手动定义规则来使用它。 我想修改脚本初始化完成后根据需要定义的字段(例如,给它们一个边框颜色),但我似乎找不到通用的“已加载”回调、事件或扩展可能性。

有没有办法在每次 $('#form').validate(..) 完成初始化时执行脚本?

我现在解决的方法如下:

$(document).ready(function() {
    $('#myForm').validate({
        rules: {
            txtCode: { required: true, maxlength: 12 },
            txtName: { required: true, maxlength: 50 },
        }
    });
    $('#myForm').highlightRequiredFields();
});

.. 其中 highlightRequiredFields() 是我编写的一个简单的 jQuery 插件,用于修改所需的文本框。我只是不太热衷于将该行复制到我的所有表单验证中。

最佳答案

为什么不简单地用 CSS 来改变呢?我有一堆规则,甚至还有一些 JS 行,它们会在任何具有 required 类的东西上自动运行,一旦它们有效/错误,其他事情(我想要的)就会发生在它们身上。

否则,您很可能必须在 $.fn.validate() 插件本身内部进行更改。

关于javascript - 使用 jQuery Validate 规则标记必填字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12218123/

相关文章:

javascript - 如何使用 jquery/ajax 访问响应头

angularjs - 如何验证 Angular HTML 模板

javascript - ZIP Code(美国邮政编码)验证

javascript - 使用 li contains text 用于具有唯一输入字段的新 li 列表

javascript - 使用ajax获取文件夹内的文件列表

javascript - 从 HTML 数据 ID 获取 PHP 变量值

javascript - 使用 jQuery 设置动画时丢失悬停(不移动鼠标)

jquery - 如何使用自己的数据属性设置CSS属性?

Javascript 正则表达式在 Firefox 中不起作用

javascript - 使用扩展运算符时如何处理未定义的 API 响应?