1

BootstrapValidator を使用していますが、フォームのリセットに問題があります。「:hidden」を除外リストに入れると (表示されていないときに検証をスキップする必要がある非表示のフィールドがあります)、フォームはリセットされません。以下に画像とその他のテキストを含めました。

 $('#frmLifecycleAddEdit').bootstrapValidator({
    framework: 'bootstrap',
    excluded: [':disabled', ':hidden'],
    feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
    },
    fields: {
        txtStepName: {
            validators: {
                notEmpty: {
                    message: 'A valid step name is required.'
                }
            }
        },
        ddlCMCreateGroup: {
            validators: {
                notEmpty: {
                    message: 'CM creation group is required.'
                }
            }
        },
        ddlAssignGroup: {
            validators: {
                notEmpty: {
                    message: 'Assign group is required.'
                }
            }
        },
        ddlExpireGroup: {
            validators: {
                notEmpty: {
                    message: 'Expire group is required.'
                }
            }
        },
        txtDaysToExpire: {
            validators: {
                notEmpty: {
                    message: 'Expire days is required.'
                }
            }
        },
        txtStepNumber: {
            validators: {
                notEmpty: {
                    message: 'Step number is required.'
                }
            }
        }
    }
});

//View/Edit button click
$("#tblLifecycle tbody").on('click', 'button', function () {
    var oTable = $('#tblLifecycle').DataTable();
    var data = oTable.row($(this).parents("tr")).data();

    $('#frmLifecycleAddEdit').bootstrapValidator('resetForm', true);

    if ($('#ddlLifecycleName').val() == 'Accident') {
        $('#mtAddEditStep').text('Edit Accident Step');
        SetupEditAccident(data);
    } else {
        $('#mtAddEditStep').text('Edit Countermeasure Step');
        SetupEditCountermeasure(data);
    }
});

ボタンのクリック中にフォームをリセットしようとしています。

 $("#tblLifecycle tbody").on('click', 'button', function () {
    var oTable = $('#tblLifecycle').DataTable();
    var data = oTable.row($(this).parents("tr")).data();

    $('#frmLifecycleAddEdit').bootstrapValidator('resetForm', true);

    if ($('#ddlLifecycleName').val() == 'Accident') {
        $('#mtAddEditStep').text('Edit Accident Step');
        SetupEditAccident(data);
    } else {
        $('#mtAddEditStep').text('Edit Countermeasure Step');
        SetupEditCountermeasure(data);
    }
});

誰が何が起こっているのか知っていますか？「:hidden」属性を削除すると機能しますが、すべてのフィールドが存在しない場合に検証できるようにする必要があります。

前もって感謝します！

4

1 に答える 1

1

コントロールを表示しないとリセットできないため、このジレンマを解決するには検証を有効/無効にする必要があります。

最初に入力を非表示にします。 非表示フィールドを検証するかのように、検証設定で除外: ':disabled'を作成します...

if (condition)
{            
    $("#mytextbox").css("display", "block");
    $('#Form').data('bootstrapValidator').enableFieldValidators('mytextbox', true);
} else 
{
    $("#mytextbox").css("display", "none");
    $('#Form').data('bootstrapValidator').enableFieldValidators('mytextbox', false);
}
于 2019-05-22T13:15:53.257 に答える