如何在添加新的yii2动态表单时不重复输入字段的值？

public function actionCreate()
{
    $model = new DynamicFormModel();

    if ($model->load(Yii::$app->request->post()) && $model->save()) {
        // 表单数据保存成功
        // 可以在此处进行其他操作，如重定向到列表页
        return $this->redirect(['index']);
    }

    return $this->render('create', [
        'model' => $model,
    ]);
}

<?php $form = ActiveForm::begin(); ?>

<!-- 渲染已存在的字段值 -->
<?php foreach ($model->existingFields as $field): ?>
    <?= $form->field($model, "existingFields[$field]")->textInput() ?>
<?php endforeach; ?>

<!-- 渲染新添加的字段 -->
<div id="new-fields-container">
    <!-- JavaScript动态生成的字段将会放在这里 -->
</div>

<!-- 添加和删除字段的按钮 -->
<div class="form-group">
    <button type="button" class="btn btn-primary" id="add-field-btn">添加字段</button>
    <button type="button" class="btn btn-danger" id="remove-field-btn">删除字段</button>
</div>

<?php ActiveForm::end(); ?>

<!-- JavaScript代码 -->
<?php
$js = <<<JS
    // 当点击添加字段按钮时，在新字段容器中添加一个输入框
    $('#add-field-btn').click(function() {
        var fieldIndex = $('#new-fields-container').children().length;
        var newField = $('<div>').addClass('form-group');
        newField.append($('<input>').attr({
            type: 'text',
            name: 'DynamicFormModel[newFields][]',
            class: 'form-control'
        }));
        $('#new-fields-container').append(newField);
    });

    // 当点击删除字段按钮时，移除最后一个输入框
    $('#remove-field-btn').click(function() {
        $('#new-fields-container').children().last().remove();
    });
JS;
$this->registerJs($js);
?>