UniqueId

using System.ComponentModel.DataAnnotations;
using FMH.Komponente.Basis.Ui.Validation.DataAnnotation;

namespace FMH.Komponente.WebUI.Areas.Basis.Models
{
    public class UniqueIdMehrfachBeispielViewModel
    {
        // Zweimal dieselbe Fachlichkeit: gleicher Anzeigename, gleiches Template – einzig der
        // Marker unterscheidet die beiden Eigenschaften. Im Beispiel wird jede von beiden
        // zweimal gerendert, damit sich die entstehenden HTML-Ids vergleichen lassen.
        [Display(Name = "Referenz")]
        public string Referenz { get; set; }

        [Display(Name = "Referenz")]
        [UniqueId]
        public string ReferenzEindeutig { get; set; }
    }
}

// Demo "Basis › Validierung › UniqueId": macht die gerenderten HTML-Ids sichtbar und zeigt, welches
// Feld document.getElementById() für das zweite Feld findet.
//
// Der Klick hängt per Delegation an document – damit ist es gleichgültig, wann der Beispiel-Block
// im DOM erscheint.

function uniqueIdDemoFelder(block) {
    return Array.prototype.slice.call(block.querySelectorAll('input.fmh-text-input'));
}

// Die Ids entstehen erst im EditorTemplate – hier werden sie ausgelesen und angezeigt.
document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('[data-uniqueid-block]').forEach(function (block) {
        var liste = block.querySelector('[data-uniqueid-ids]');
        if (liste === null) {
            return;
        }

        liste.innerHTML = uniqueIdDemoFelder(block)
            .map(function (feld, nr) {
                return '<li>Feld ' + (nr + 1) + ': <code>id="' + feld.id + '"</code></li>';
            })
            .join('');
    });
});

document.addEventListener('click', function (event) {
    var knopf = event.target.closest('[data-uniqueid-suchen]');
    if (knopf === null) {
        return;
    }

    var block = knopf.closest('[data-uniqueid-block]');
    var felder = uniqueIdDemoFelder(block);
    if (felder.length < 2) {
        return;
    }

    felder.forEach(function (feld) {
        feld.classList.remove('bg-warning-subtle');
    });

    // Denselben Weg gehen der Browser beim Label-Klick und jedes Skript, das ein Feld über seine
    // Id anspricht: Die erste Übereinstimmung im Dokument gewinnt.
    var gefunden = document.getElementById(felder[1].id);
    gefunden.classList.add('bg-warning-subtle');

    block.querySelector('[data-uniqueid-ergebnis]').textContent = gefunden === felder[1]
        ? 'Markiert ist das zweite Feld – jede Id kommt nur einmal vor.'
        : 'Markiert ist das erste Feld – beide Felder tragen dieselbe Id, das zweite ist über sie nicht erreichbar.';
});

// jQuery-Variante zum Beispiel «Dasselbe Feld zweimal gerendert» – dasselbe wie im Tab
// "JavaScript", nur mit jQuery geschrieben. Diese Datei wird von der Demo-Seite NICHT geladen;
// sonst liefen die Handler doppelt. Sie ist als Vorlage zum Übernehmen gedacht.
$(function () {
    $('[data-uniqueid-block]').each(function () {
        var $block = $(this);

        var eintraege = $block.find('input.fmh-text-input')
            .map(function (nr, feld) {
                return '<li>Feld ' + (nr + 1) + ': <code>id="' + feld.id + '"</code></li>';
            })
            .get()
            .join('');

        $block.find('[data-uniqueid-ids]').html(eintraege);
    });
});

$(document).on('click', '[data-uniqueid-suchen]', function () {
    var $block = $(this).closest('[data-uniqueid-block]');
    var $felder = $block.find('input.fmh-text-input');
    if ($felder.length < 2) {
        return;
    }

    $felder.removeClass('bg-warning-subtle');

    // Der Id-Selektor von jQuery verhält sich wie document.getElementById: Bei doppelt vergebener
    // Id liefert er das erste Element im Dokument – das zweite Feld ist über seine Id nicht
    // erreichbar.
    var $gefunden = $('#' + $felder.eq(1).attr('id'));
    $gefunden.addClass('bg-warning-subtle');

    $block.find('[data-uniqueid-ergebnis]').text(
        $gefunden.is($felder.eq(1))
            ? 'Markiert ist das zweite Feld – jede Id kommt nur einmal vor.'
            : 'Markiert ist das erste Feld – beide Felder tragen dieselbe Id, das zweite ist über sie nicht erreichbar.');
});

using System.ComponentModel.DataAnnotations;
using FMH.Komponente.Basis.Ui.Validation.DataAnnotation;

namespace FMH.Komponente.WebUI.Areas.Basis.Models
{
    public class UniqueIdValidierungBeispielViewModel
    {
        [Display(Name = "Stichwort")]
        [UniqueId]
        [Required(ErrorMessage = "Bitte ein Stichwort erfassen")]
        public string Stichwort { get; set; }
    }
}

using FMH.Komponente.Basis.Erweiterungen;
using FMH.Komponente.Basis.Ui.Feedback.Alert;
using FMH.Komponente.WebUI.Areas.Basis.Models;
using Microsoft.AspNetCore.Mvc;

namespace FMH.Komponente.WebUI.Areas.Basis.Controllers.Beispiele
{
    [Area("Basis")]
    public class UniqueIdController : Controller
    {
        [HttpGet]
        public IActionResult Index()
        {
            return this.View(new UniqueIdBeispielViewModel());
        }

        [HttpPost]
        [ValidateAntiForgeryToken]
        public IActionResult Index(UniqueIdBeispielViewModel modell)
        {
            if (this.ModelState.IsValid)
            {
                // Erfolgsfall: hier würden die eigentlichen Aktionen ausgeführt (z. B. Speichern).
                this.AddAlert("Formular ist gültig – Validierung erfolgreich.", AlertType.Success, autoHide: true);

                // PRG-Pattern (Post-Redirect-Get): nach erfolgreichem POST per Redirect auf die
                // GET-Action weiterleiten, damit ein erneutes Laden/Aktualisieren das Formular nicht
                // nochmals abschickt (verhindert doppeltes Speichern).
                return this.RedirectToAction(nameof(this.Index));
            }

            // Ungültige Eingabe: dieselbe Seite erneut anzeigen, damit die Validierungsfehler erscheinen.
            return this.View(modell);
        }

        [HttpGet]
        public IActionResult Validierung()
        {
            return this.View(new UniqueIdValidierungBeispielViewModel());
        }

        [HttpPost]
        [ValidateAntiForgeryToken]
        public IActionResult Validierung(UniqueIdValidierungBeispielViewModel modell)
        {
            if (this.ModelState.IsValid)
            {
                // Das Model-Binding läuft über den name des Feldes – der bleibt trotz [UniqueId]
                // der Eigenschaftsname, nur die HTML-Id trägt den Zufallswert.
                this.AddAlert("Formular ist gültig – Validierung erfolgreich.", AlertType.Success, autoHide: true);
                return this.RedirectToAction(nameof(this.Validierung));
            }

            // Beim erneuten Rendern findet das EditorTemplate den ModelState-Eintrag nicht, weil es
            // ihn über die (zufällige) Id sucht – die Meldung erscheint deshalb nur in der
            // Validierungs-Zusammenfassung, nicht am Feld selbst.
            return this.View(modell);
        }
    }
}