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

Question

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

我怎样才能摆脱这条线？

Answer 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。
应该看起来像这样：

Answer 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;
}

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

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

remove line from html input mask? (gravity forms)

html

css

gravity-forms-plugin

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

remove line from html input mask? (gravity forms)

html

css

gravity-forms-plugin

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