禁用联系表格 7 中的空格输入电话字段

Question

我有一个带有电话号码字段的表单，我需要禁用此字段中的空格键以仅将号码发送到我的 CRM。

我尝试了此功能，但没有禁用空格键。 ¿怎么了？

function wpf_dev_disalbe_space() {
?>
<script type="text/javascript">
jQuery(document).ready(function ($) {

jQuery( '.wpf-disable-space input' ).keydown(function(e) {

if (event.key === ' ') {
return false;
}

});

});
</script>
<?php
}
add_action( 'wpcf7_is_tel', 'wpf_dev_disalbe_space', 10 );

谢谢

Answer 1

通过添加以下 JS 代码，将 ".your-form" 类替换为 CF7 表单主类。你会看到奇迹发生。祝您编码愉快！

<script type="text/javascript">
jQuery(document).ready(function ($) {

jQuery( '.your-form-class input' ).keydown(function(e) {

if (event.key === ' ') {
return false;
}

});

});
</script>