Cómo cambiar el atributo de nombre de un campo oculto

Introducción

¿Necesita cambiar el nombre de un campo oculto en su formulario? Por defecto, WPForms asigna un nombre a cada campo en su formulario que usa un formato estándar como wpforms[fields][1]. Esto permite que cada campo de su formulario siga siendo único para ese ID de campo específico en su formulario.

Por ejemplo, en este formulario, añadimos un Campo oculto y el valor por defecto nombre asignado es wpforms[fields][25].

por defecto WPForms añade un nombre genérico a cada campo de su formulario utilizando el título wpforms como prefijo, pero también incluirá el número de ID del campo

Si necesita cambiar este nombre para poder utilizar JavaScript o CSS para dirigirse a estos campos específicos, puede cambiarlo fácilmente con un pequeño filtro PHP y le mostraremos cómo hacerlo.

Creación del formulario

Vamos a empezar creando el formulario y añadiendo nuestros campos. Si necesitas ayuda sobre cómo crear un formulario, consulta esta útil documentación.

Para el propósito de esta documentación, queremos cambiar el nombre del Campo Oculto, por lo que incluiremos la adición de uno de estos campos a nuestro formulario para uso interno.

crea tu formulario y añade tus campos, incluido un campo oculto

Añadir el fragmento

Ahora es el momento de añadir el fragmento a su sitio. Si necesitas ayuda sobre cómo y dónde añadir snippets a tu sitio, consulta esta útil guía para más detalles.

En este fragmento, buscará cualquier Campo oculto dentro del formulario 1000 y actualizar el nombre atributo que se custom_name_hidden_field.

Tendrá que actualizar este ID de formulario para que coincida con el suyo, o puede eliminarlo completamente para que se aplique a todos estos tipos de campos para todos sus formularios.

Para encontrar el número de identificación de su formulario, consulte este artículo.

Ahora, cuando inspeccione el marcado de la página, verá la etiqueta name ha cambiado.

Y eso es todo lo que necesita para cambiar con éxito este atributo. ¿Quiere cambiar también las subetiquetas del campo Contraseña? Eche un vistazo a nuestro tutorial sobre Cómo cambiar las subetiquetas del campo Contraseña.

Referencia del filtro: wpforms_field_properties

PREGUNTAS FRECUENTES

P: ¿Puedo utilizarlo para otros tipos de campo?

A: Sí, pero evite cambiar el name para campos obligatorios como Email. WPForms se basa en su estructura por defecto (wpforms[fields][{$field_id}]) para la validación y el envío. Sobreescribir esto puede causar errores como fallos de validación o data-server-error.

En su lugar, utilice un data-* atributo. Por ejemplo:

function wpf_field_properties_email( $properties, $field, $form_data ) {
  
    // Optional: Limit to a specific form ID
    if ( absint( $form_data[ 'id' ] ) !== 1000) {
        return $properties;
    }

    // Add a custom data attribute instead of modifying the name
    $properties['inputs']['primary']['attr']['data-custom-name'] = 'custom_name_email_field';

    return $properties;
}
add_filter( 'wpforms_field_properties_email', 'wpf_field_properties_email', 10, 3 );