удалить строку из html input mask? (формы тяжести)

Question

Я использую Gravity Forms, и есть эта функция, называемая «маска ввода» (которая, как я полагаю, является стандартной функцией html5?), чтобы заставить пользователей вводить данные в определенном формате. Однако он создает строку внутри поля ввода. Смотрите рисунок ниже:

Как я могу избавиться от этой линии?

Answer 1

Функциональность маски ввода, используемая Gravity Forms, не является стандартной функцией HTML5. Он питается от этого Masked Input plugin. Этот скрипт предоставляет возможность установки символа-заполнителя (то есть подчеркивания); тем не менее, нет простого способа включить этот вариант с реализацией Gravity Forms.

Вот этот метод, который может оказаться полезным.

1. Добавить поле HTML в вашу форму.

2. Добавьте следующий код в поле HTML.

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

3. сделать следующие обновления кода:

   • Заменить МАСКА с шаблоном ввода маски (то есть '99999- 9999?)
   • Заменить FormID с формой ID.
   • Замените FIELDID идентификатором поля ввода.
     
     

   должен выглядеть примерно так:

   

Answer 2

При создании входа на гравитационные из формы по умолчанию funcitonaliy "gform_input_masks" согласно E.x ниже.

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

Пожалуйста, используйте это и дайте мне знать, если у вас возникли проблемы.