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

要点:req 是字段值要求的受影响类。如果 req 类申请任何元素，它必须作为您的代码填写。

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

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

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

如果您不使用 JQuery，请看这里。

Remove CSS class from element with JavaScript (no 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;
        }
    });
});

---