javascript - 如果未选择，则删除强制选项

Question

我有一个包含 3 种不同付款方式的表格：

1 - 直接存款
2 - 信用卡
3 - 办公室现金

如果未选择信用卡，我想要做的是从信用卡的表单字段中删除强制状态（验证），以便表单可以在不请求此信息的情况下进行处理。

有任何想法吗？我目前有一个 JSfiddle：http: //jsfiddle.net/barmar/Kvg8M/2/

JS代码：

    $(document).ready(function () {
        $(".paymentmethod").click(function () {
        $(".paymentinfo").hide();
        switch ($(this).val()) {
        case "Direct Deposit":
            $("#pay0").show("slow");
            break;
        case "Credit Card Authorisation":
            $("#pay1").show("slow");
            break;
        case "Cash at FAA Office (In Person)":
            $("#pay2").show("slow");
            break;
            }
        });
    });

我也在使用 Adob​​e Business Catalyst，如果这有帮助还是有阻碍？？

Answer 1

尝试这个

$(document).ready(function () {
        $(".paymentmethod").click(function () {
        $(".paymentinfo").hide();
        switch ($(this).val()) {
        case "Direct Deposit":
            $("#pay0").show("slow");
         $("#filedID").rules('remove', 'required');
            break;
        case "Credit Card Authorisation":
            $("#pay1").show("slow");
            break;
        case "Cash at FAA Office (In Person)":
            $("#pay2").show("slow");
            break;
            }
        });
    });

Answer 2

点：req是对归档值要求的受影响类别。如果req类适用于任何元素，则必须填写为您的代码。

提示：因此，如果您从 element.xml 中删除此类，请简单考虑。它不是必须填充元素。如果你再次添加这个类，它将是必须填充元素。

如果使用 jQuery，如何从元素中添加或删除类：

$('#CardName').addClass('req');
$('#CardName').removeClass('req');

如果你不使用 JQuery 看这里。

使用 JavaScript 从元素中删除 CSS 类（无 jQuery）

---

$(document).ready(function () {

function setMend() {
   alert("seting mend");
  $('#CardName').addClass('req');
  $('#CardNumber').addClass('req');
  $('#CardExpiryMonth').addClass('req');
}

function unsetMen(){
    alert("unseting mend");
    $('#CardName').removeClass('req');
    $('#CardNumber').removeClass('req');
    $('#CardExpiryMonth').removeClass('req');
 }

    $(".paymentmethod").click(function () {
        $(".paymentinfo").hide();
        switch ($(this).val()) {
            case "Direct Deposit":
                $("#pay0").show("slow"); 
                unsetMen();                
                break;
            case "Credit Card Authorisation":
                $("#pay1").show("slow");
                setMend();
                break;
            case "Cash at FAA Office (In Person)":
                $("#pay2").show("slow"); 
                unsetMen();
                break;
        }
    });
});

---