javascript - Jquery 验证和 CSS

Question

我在一个页面上有多个 DIV，其中包含表单字段。其中一些是必需的，有些不是。当用户通过输入数据从一个 div 跳转到另一个时。我必须验证所需的字段是否满足并更改完成的 DIV 的 CSS。如果不满足要求的字段，我不应该改变 css 效果。我想用 Jquery 来解决这个问题。所以，有人可以提供一个好的和干净的设计来处理。

谢谢

Answer 1

您可以使用 jQuery validator用于验证您的内容的插件。

一旦您的 div 失去焦点，您就可以检查验证是否已通过，如果未通过则不应用 css 或应用 css。

示例代码:

$("#divid").validate({
    onfocusout: false,    //once div looses focus validate
    rules: {
        //your rules go here
    }
});