Блог

я пытаюсь получить «Инициалы имени» в контактной форме 7, но не уверен, как это сделать.

 <script type="text/javascript">
var $initials = document.getElementById("initials");
var fullName = 'full-name';
getInitials(fullName);

function getInitials(_name) {
    var names = _name.split(" ");
    var initials = "";
    if (names.length < 2) {
        throw "Please, First name and Last Name!";
    } else {
        initials = String(names[0][0]   ". "   names[names.length - 1][0]   ".").toUpperCase();
        $initials.innerHTML = fullName   " initials: "   "<b>"   initials   "</b>";
        return initials;
    }
}
</script>

......
      <label>FULL NAME (First Middle Last)</label>
        [text* full-name placeholder "First Middle Last"]
        [dynamictext initials-show id:initials]
......
 

любая помощь приветствуется!

Было несколько проблем с вашим шорткодом javascript и cf7. Итак, мне пришлось переписать большую часть этого. Этот код протестирован и работает.

JS

 <script type="text/javascript">
var initials = document.getElementById("initials");
var fullName = document.getElementById("fullname");

fullName.addEventListener("input", (e) => {

    var names = e.target.value.split(" ");
    var nameinitials = ""

    if (names.length == 2) {
       var nameinitials = names[0][0].toUpperCase()   "."   names[1][0].toUpperCase();
    }

    if (names.length >= 3) {
       var nameinitials = names[0][0].toUpperCase()   "."   names[1][0].toUpperCase()   "."   names[2][0].toUpperCase();
    }

    initials.value = nameinitials

});

</script>
 

CF7

 <label>FULL NAME (First Middle Last)</label>
[text* full-name placeholder id:fullname "First Middle Last"]
[dynamictext initials-show id:initials]

[submit "SUBMIT"]