如果以 javascript 显示，则为“必需”字段

Require field if shown in javascript

本文关键字：必需 字段 则为 javascript 显示 如果      更新时间：2023-09-26

我有一个表单，如果有人点击链接，它会打开一个输入，供他们填写信用卡号。 我正在尝试这样做，以便如果显示此表单并且他们单击添加，它将告诉他们需要 CC#。 如果他们单击取消，它只会隐藏表单。

当用户单击链接时，此代码将显示表单

function lnkAddCc_Click(sender, args) {
                //this is overkill, but just to make sure inputs are clean
                $('#addCCRow').find('input').each(function () { (this).value = ''; });
                $('#<%= fullCcNumber.ClientID %>').val('');
                $('#addCCRow').hide();
                $('#addCCLabel').hide();
                $('#addCCRow').show();
            }

当他们单击"取消"时，此代码将关闭窗体 

function btnCancel_Click(sender, args) {
                args.set_cancel(true);
                $('#addCCRow').find('input').each(function () { (this).value = ''; });
                $('#<%= fullCcNumber.ClientID %>').val('');
                $('#addCCRow').hide();
                $('#addCCLabel').show();
            var validate = $('#aspnetForm').validate();
            validate.resetForm();

我不能在我的 

<tr class="AltRow" id="addCCRow" style="display: none">
                <td><label style="color: black;">Credit, Debit or ATM Card Number:</label></td>
                <td style="text-align: right; width: 100%;">
                    <input ID="newCard0" MaxLength="4" size="6" onkeyup="CopyCardInput(this)" />&nbsp;-&nbsp;
                    <input ID="newCard1" MaxLength="4" size="6" onkeyup="CopyCardInput(this)" />&nbsp;-&nbsp;
                    <input ID="newCard2" MaxLength="4" size="6" onkeyup="CopyCardInput(this)" />&nbsp;-&nbsp;
                    <input ID="newCard3" MaxLength="4" size="6" onkeyup="CopyCardInput(this)" /><br />

因为它要求它是否可见。 如何让它仅在可见时才需要？

只需将一个对象传递给验证选项，并覆盖忽略选项：

var validate = $('#aspnetForm').validate({
  ignore: ""
});
validate.resetForm();
相关文章：