如何在提交前强制WordPress中联系表7上的名和姓字段的值为句子大小写？

plupiseo 于 2023-01-12 发布在 WordPress

关注(0)|答案(1)|浏览(103)

我试图找到一种方法来强制大写的名字和姓氏字段在我的表单时，用户提交。我不在乎如果用户看到的变化与否，我更感兴趣的是，得到处理的提交被更改之前，从表单的数据得到张贴。强制输入为句子大小写或验证/更改自动提交前将工作。
因此，如果：
输入joHn、jOHN或john时，它们都将更改为John（第一个字母大写，其他字母小写）。
以下是我的字段供参考：

<label> First name
    [text* FirstName] </label>
<label> Last name
    [text* LastName] </label>

提前感谢您的指导。
我在一般字段和提交后更改电子邮件字段内容上找到了类似的文档，但似乎找不到如何在提交前更改它，以便发布的数据使用正确格式的值。
尝试了要运行的代码片段的各种示例，但它们似乎只影响邮件程序数据，而不影响提交的数据。

wordpress

来源：https://stackoverflow.com/questions/75090207/how-to-force-value-of-first-last-name-fields-on-contact-form-7-in-wordpress-to

1条答案

按热度按时间

qacovj5a1#

你可以这样做：

<!-- Contact Form 7 form -->

[text* your-first-name class:first-name]
[text* your-last-name class:last-name]

    <script>
    document.addEventListener( 'wpcf7submit', function( event ) {
        var firstName = document.getElementsByClassName("first-name")[0];
        var lastName = document.getElementsByClassName("last-name")[0];
    
        firstName.value = firstName.value.charAt(0).toUpperCase() + firstName.value.substring(1).toLowerCase();
        lastName.value = lastName.value.charAt(0).toUpperCase() + lastName.value.substring(1).toLowerCase();
    }, false );
    </script>

赞(0）回复(0）举报 2023-01-12

我来回答

如何在提交前强制WordPress中联系表7上的名和姓字段的值为句子大小写？

1条答案

相关问题

热门标签

最新问答