从 html 输入掩码中删除行？（重力形式）答案

【问题标题】：remove line from html input mask? (gravity forms)从 html 输入掩码中删除行？（重力形式）
【发布时间】：2016-10-21 18:59:39
【问题描述】：

我正在使用 Gravity Forms，并且有一个称为“输入掩码”的功能（我认为这是一个标准的 html5 功能？）强制用户以特定格式输入数据。但是，它会在输入字段内创建一条线。见下图：

我怎样才能摆脱这条线？

【问题讨论】：

标签： html css gravity-forms-plugin

【解决方案1】：

Gravity Forms 使用的输入掩码功能不是标准的 HTML5 功能。它由Masked Input plugin 提供支持。该脚本提供了一个用于设置占位符字符（即下划线）的选项；但是，在 Gravity Forms 的实现中没有一种超级简单的方法可以启用此选项。

这是一种您可能会觉得有用的方法。

在表单中添加一个 HTML 字段。

将以下代码添加到您的 HTML 字段中。

<script type="text/javascript">
    setTimeout( function() {
        jQuery( '#input_FORMID_FIELDID' ).mask( 'MASK', { placeholder: '' } );
    }, 500 );
</script>

对代码进行以下更新：
- 将 MASK 替换为您的输入掩码模板（即“99999-?9999”）
- 将 FORMID 替换为您的表单 ID。
- 将 FIELDID 替换为您的输入掩码字段 ID。
应该是这样的：

【讨论】：

非常感谢您的详细回答。你帮了我很多！我不知道遮罩功能是与重力形式集成的单独脚本。我访问了您给我的链接并检查了代码存储在哪个文件中，然后以重力形式访问了该文件并对其进行了编辑。所以我最终找到了一个快速的感谢。非常感谢！！！！

【解决方案2】：

当您按照下面的 E.x 从 Gravity 表单默认功能“gform_input_masks”创建输入时。

add_filter( 'gform_input_masks', 'add_mask' );
function add_mask( $masks ) {
    $masks['phone number'] = '99999999999';
    return $masks;
}

然后您想从输入中删除行，然后您需要按照下面的示例使用“gform_input_mask_script”。

add_filter( 'gform_input_mask_script', 'set_mask_script', 10, 4 );
function set_mask_script( $script, $form_id, $field_id, $mask ) {
    $script = "jQuery('#input_{$form_id}_{$field_id}').mask('" . esc_js( $mask ) . "',{placeholder:' '}).bind('keypress', function(e){if(e.which == 13){jQuery(this).blur();} } );";
    return $script;
}

请使用它，如果您有任何问题，请告诉我。

【讨论】：