JSFiddle - React, Tailwind, and code Playground

by Markus Hartmann

HTML

<p>Beispiel Standard: 7805988771000WBO00000103
    <br />Beispiel Two: 7805 988 77100000017.02.15000103</p>
<form name='track' id='track'>
    <label for="ident">PrĂĽfling:</label>
    <input type="text" name="ident" id="ident" style="width:220px;">
    <br />
    <input type="submit" value="Tracken" name="tracken">
</form>
<p>
    <div>Erster String: <span id="first"></span>

    </div>
    <div>Zweiter String: <span id="second"></span>

    </div>
</p>

JavaScript

//******* Formular Verarbeitung
$("#track").submit(function (event) {
    event.preventDefault();
    var str = document.getElementById('ident').value;

    var m = ValidIdent(str);
    $("#first").text(m[1]);
    $("#second").text(m[2]);

});

//******* Clientseitige Validierung der Indentifikations-Nummer
function ValidIdent(str) {
    var re = /([7]{1}[8,5]{1}[0-9]{2}[.]?[0-9]{3}[.]?[0-9]{3})[a-zA-Z0-9_.\- ]*([0-9]{7})/; //Standard Regular Expression
    var m;

    if ((m = re.exec(str)) !== null) {
        if (m.index === re.lastIndex) {
            re.lastIndex++;
        }
        return m;
    }
    var re = /([7]{1}[8,5]{1}[0-9]{2}[ ][0-9]{3}[ ][0-9]{3})[a-zA-Z0-9_.\- ]*([0-9]{6})/; // Expression Two
    if ((m = re.exec(str)) !== null) {
        if (m.index === re.lastIndex) {
            re.lastIndex++;
        }
        return m;
    }
}