javascript - Jquery 验证删除规则不起作用

Question

我正在根据输入动态设置验证。在添加验证之前，我要删除规则并添加它元素是必需的。设置规则删除后，消息不会消失。

     for (var i = 0; i < data.length; i++) {
        switch (data[i]["FieldName"]) {
            case "ADDRESS_1":             
                $('[name="HomeAddress1Text"]').rules("remove");               
                if (data[i]["Required"] == true) {
                    $('[name="HomeAddress1Label"]').addClass("required");
                    $('[name="HomeAddress1Text"]').rules("add", {
                        required: true,
                        messages: {
                            required: "Required"
                        }
                    });
                } else {
                    $('[name="HomeAddress1Label"]').removeClass("required");
                }
                break;
 case "ADDRESS_2":
                 $('[name="HomeAddress2Text"]').rules("remove");              
                if (data[i]["Required"] == true) {
                    $('[name="HomeAddress2Label"]').addClass("required");
                    $('[name="HomeAddress2Text"]').rules("add", {
                        required: true,
                        messages: {
                            required: "Required"
                        }
                    });
                } else {
                    $('[name="HomeAddress2Label"]').removeClass("required"); 
                }
                break;
           }
      }

上图 1st 我选择了 Gayana country for this country Address line2 is required and got error message.那是正确的，然后我更改为 USA 并且我已经删除了 Address Line2 的规则，但仍然显示消息。如何在更改我的下拉列表后删除所有消息并查看何时再次提交？

Answer 1

不是删除required 类，而是使用$.rules('remove',...)功能:

$('[name="HomeAddress1Label"]').rules('remove',{
    required:true
});

您可能还需要在此更改后重新验证 -

$('form').valid();